2在indexhtml中的標(biāo)簽中，輸入css代碼button backgroundcolor #00a7d0buttonhover backgroundcolor #ff77013瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)顯示出了藍(lán)色背景顏色的按鈕4將鼠標(biāo)移入按鈕，此時(shí)按鈕；curl = curl_initcurl_setopt$curl，CURLOPT_URL，$_GET#39url#39curl_setopt$curl，CURLOPT_RETURNTRANSFER，truecurl_setopt$curl，CURLOPT_USERAGENT，quotMozilla40 compatible MSIE 60 Windows NT 51。

如圖 所有代碼 ！DOCTYPE html html head meta charset=#34UTF8#34 title鼠標(biāo)滑過(guò)背景變色title style type=#34textcss#34 bg width 150px height 150px backgroundcolor red bg；其他情況顏色都不會(huì)變化 提示如果需要文字一直保持原色，只需要在第一條#dh ul li a 的代碼里加上一條“color顏色屬性”即可例如#dh ul li a background#006eadcolor#fff 試一試吧。

不用那么麻煩，活用a標(biāo)簽就可以了 ahome backgroundurl鼠標(biāo)滑過(guò)之前的圖片地址 norepeat width100px height20px displayinlineblock_floatleft ahomehover backgroundurl鼠標(biāo)滑過(guò)的圖片地址。

鼠標(biāo)經(jīng)過(guò)的css代碼

1、當(dāng)鼠標(biāo)劃過(guò)li的時(shí)候下面的ul顯示出來(lái) menu ul lihover ul displayblock 這樣就可以了，但是我們發(fā)現(xiàn)顯示出來(lái)的二級(jí)欄目不是我們想要的位置，那么對(duì)它進(jìn)行絕對(duì)定位 menu ul lihover ul displayblock。

2、CSS定義鼠標(biāo)經(jīng)過(guò)鏈接時(shí)的顏色，首先需要理解的是鼠標(biāo)經(jīng)過(guò)，這是個(gè)一個(gè)實(shí)踐，hover，使用的方式是ahover在加上你要更改的樣式，在實(shí)際的設(shè)計(jì)中運(yùn)用的比較多，具體看代碼理解下 body width960px 限定網(wǎng)頁(yè)的寬。

3、1打開(kāi)dw軟件并創(chuàng)建一個(gè)新文檔2在dw中，編寫(xiě)以下css樣式 mengsb width648px margin0px autojixing1 a positionrelative width320px margin0 0px 0 0 floatleft height232px。

4、鼠標(biāo)經(jīng)過(guò)改變邊框顏色可以直接css的hover偽類(lèi)，然后定義border樣式就是了如下示例代碼acolor#000border1px solid #000 * 默認(rèn)的樣式 *ahoverbordercolor#ccc * 鼠標(biāo)經(jīng)過(guò)時(shí)的樣式 * 鼠標(biāo)經(jīng)過(guò)時(shí)。

5、使用CSS hover 偽類(lèi)可以達(dá)到這個(gè)效果定義和用法 hover 選擇器用于選擇鼠標(biāo)指針浮動(dòng)在上面的元素提示hover 選擇器可用于所有元素，不只是鏈接提示link 選擇器設(shè)置指向未被訪問(wèn)頁(yè)面的鏈接的樣式，visited 選擇器。

6、1新建一個(gè)HTML文件，文件名為testhtml，title標(biāo)題為quotCSS實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)導(dǎo)航的超鏈接時(shí)顯示下劃線(xiàn)效果quot2在頁(yè)面編寫(xiě)nav標(biāo)簽，在里面放三個(gè)超鏈接首頁(yè)欄目一欄目二，代碼如下3運(yùn)行代碼，效果如下4使用css對(duì)。

css鼠標(biāo)經(jīng)過(guò)圖片特效

1、img opacity04filteralphaopacity=40 將這個(gè)保存為layoutcss在html里如下調(diào)用 也可以不用css，將下面js代碼里我注釋掉的那一行取消注釋?zhuān)胏ss的效果一樣js如下 function $quotimgquotcss。

2、1給鼠標(biāo)經(jīng)過(guò)的DIV添加一個(gè)類(lèi) ，類(lèi)名為submeau如下圖2給顯示或者隱藏的DIV，添加一個(gè)ID，ID名為id=quotoa_submeauquot，如下圖3將以下的JQUERY代碼放在整個(gè)網(wǎng)頁(yè)的最底部，用于控制鼠標(biāo)經(jīng)過(guò)顯示DIV，離開(kāi)隱藏DIV。

3、并且給img的類(lèi)設(shè)置“hover”偽類(lèi)，設(shè)置偽類(lèi)內(nèi)的透明度為063打開(kāi)瀏覽器，在瀏覽器內(nèi)查看效果4將鼠標(biāo)移入圖片，就會(huì)發(fā)現(xiàn)圖片已經(jīng)變亮了以上就是用CSS設(shè)置鼠標(biāo)經(jīng)過(guò)圖片變亮，移開(kāi)變變暗效果的演示。

4、參照以下代碼寫(xiě)在標(biāo)簽內(nèi)的鼠標(biāo)經(jīng)過(guò)的語(yǔ)句查找更多代碼，borderColor之類(lèi)的前面一定要有style，因?yàn)槭歉淖冃袃?nèi)樣式，如果是classname就不用，如onMouseOut=quot=#39urlimagelogin_2jpg#39quot ，一定要#39u。

5、acolor #0162f4 鼠標(biāo)離開(kāi)的時(shí)候顏色為藍(lán)色，#0162f4顏色代碼自己改 ahovertextdecorationunderlinecolor #C20C0C 鼠標(biāo)經(jīng)過(guò)的時(shí)候出現(xiàn)下劃線(xiàn)textdecorationunderline，不要下劃線(xiàn)改成textdecoration即可。