1、設(shè)置鼠標(biāo)滑過div時(shí)背景變色給bg樣式類添加鼠標(biāo)滑過hover，然后設(shè)置鼠標(biāo)滑過時(shí)的背景顏色如圖 代碼 bghover backgroundcolor burlywood 實(shí)用瀏覽器打開保存好html后使用瀏覽器打開，在鼠標(biāo)沒有滑過div時(shí)背景。

2、1首先，打開html編輯器，新建html文件，例如indexhtml，編寫問題基礎(chǔ)代碼2在indexhtml中的lta標(biāo)簽，輸入js代碼中的style屬性中輸入hovercolor #0a6aa13瀏覽器運(yùn)行indexhtml頁面，此時(shí)鼠標(biāo)移動(dòng)到div123。

3、鼠標(biāo)滑過字體變色是一種常見的效果，制作鼠標(biāo)滑過字體變色，可以通過css提供了鼠標(biāo)滑過hover選擇器對(duì)樣式進(jìn)行修改操作步驟如下1首先打開html開發(fā)工具，創(chuàng)建一個(gè)html文件2在html頁面找到ltbody標(biāo)簽，在ltbody標(biāo)簽里面。

4、將這個(gè)自定義樣式應(yīng)用到圖片上，在瀏覽器中預(yù)覽到圖片變成了黑白，我們?cè)俣x一個(gè)樣式“over”，這個(gè)樣式?jīng)]有任何內(nèi)容，是空樣式，樣式表代碼如下over out filter Gray 然后在圖片標(biāo)記IMG里加上“。

5、當(dāng)鼠標(biāo)懸浮時(shí)，通常使用偽元素hover 來修改樣式，如何在鼠標(biāo)懸浮時(shí)修改html內(nèi)容？hover 是無法修改html 內(nèi)容，但是可以通過一系列的樣式變化，達(dá)到當(dāng)鼠標(biāo)懸浮時(shí)，改變html內(nèi)容用JS可以通過innerHtml來修改，在此不介紹純CSS實(shí)現(xiàn)鼠標(biāo)放上去。

6、用HTML做出框架，用CSS做樣式，用JS出彈出列表就可以了示例代碼如下ltstyle margin0padding0 bodyfont16px15 quot\5FAE\8F6F\96C5\9ED1quot，quot\5B8B\4F53quot， sansserif， Arial， Systembackground。

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

8、4接著書寫style標(biāo)簽，在其中書寫css代碼5我們利用alink 進(jìn)行對(duì)未點(diǎn)擊的超鏈接進(jìn)行樣式設(shè)置6接著利用avisited進(jìn)行對(duì)已點(diǎn)擊的超鏈接進(jìn)行設(shè)置7最后，我們還可以對(duì)鼠標(biāo)懸停的狀態(tài)進(jìn)行樣式修改，如圖代碼 ahover。

9、實(shí)現(xiàn)鼠標(biāo)經(jīng)過背景變色的方法有很多，方法一直接寫在HTML代碼中l(wèi)tdiv onmouseover=quot=#39red#39quot onmouseout=quot=#39black#39quot html鼠標(biāo)滑過 文字變色 ltdiv 方法二先設(shè)置固定的樣式，然后調(diào)用。

10、1新建html文件，在body標(biāo)簽中添加一個(gè)div標(biāo)簽，div標(biāo)簽里面嵌套一個(gè)p標(biāo)簽，然后添加p標(biāo)簽內(nèi)容，這里以“演示文本”為例2在head標(biāo)簽中添加style標(biāo)簽，然后在style標(biāo)簽中給p標(biāo)簽設(shè)置預(yù)先顯示樣式，預(yù)先是先不顯示的，所以。

11、建立一個(gè)css樣式表 alinkcolorbluetextdecorationahovercolorbluetextdecorationunderlineavisitedcolorredtextdecoration則鼠標(biāo)移動(dòng)上去的時(shí)候有下劃線，點(diǎn)擊之后顏色從藍(lán)色變紅色 css a。

12、用于指定鼠標(biāo)懸停在元素上時(shí)的特殊效果鼠標(biāo)經(jīng)過文字變色的代碼使用CSS中的hover偽類選擇器允許開發(fā)者在鼠標(biāo)懸停在指定元素上時(shí)應(yīng)用特定的樣式在給定的例子中，Ahoverfontweightboldcolor#cc99ff表示當(dāng)鼠標(biāo)懸停。

13、2點(diǎn)擊工具面板中CSS模式下的“+”，打開新建CSS樣式面板 3選擇“復(fù)合內(nèi)容”，選擇alink，表示正常鏈接時(shí)的樣式4點(diǎn)擊確定，打開樣式設(shè)置面板，選擇Color#333，或別的你要的著色，確定5下面設(shè)置鼠標(biāo)經(jīng)過的文字。

14、3運(yùn)行代碼，效果如下4使用css對(duì)導(dǎo)航的字體的字體大小顏色排列方式等進(jìn)行美化，代碼如下5運(yùn)行代碼，效果如下可見，經(jīng)過CSS樣式美化，鼠標(biāo)經(jīng)過的時(shí)候，顯示藍(lán)色6利用CSS編寫代碼，實(shí)現(xiàn)鼠標(biāo)經(jīng)過時(shí)顯示下劃線效果。

15、a 設(shè)置鏈接css樣式 ahover 設(shè)置鼠標(biāo)經(jīng)過css樣式 例如“百度”該鏈接，本沒有下劃線字體顏色為黑色字號(hào)12px設(shè)置該鏈接，鼠標(biāo)經(jīng)過時(shí)，顯示下劃線字體顏色設(shè)置為藍(lán)色，字號(hào)增加一倍24pxlthtml lthead ltstyle。