用一個(gè)時(shí)間的案例來說明吧 1 代碼部分 代碼我已經(jīng)測(cè)試過了沒有問題，復(fù)制下來直接在瀏覽器看效果就可以了 lt！doctype html s鼠標(biāo)經(jīng)過div成黃色 test width200pxheight200pxborder2px solid red w。

實(shí)現(xiàn)鼠標(biāo)經(jīng)過背景變色的方法有很多，方法一直接寫在HTML代碼中 html鼠標(biāo)滑過 文字變色 方法二先設(shè)置固定的樣式，然后調(diào)用 d_overbackgroundcolor# d_outbackgroundcolor#EFEFEF 哈哈哈哈哈。

實(shí)現(xiàn)標(biāo)題欄鼠標(biāo)滑過點(diǎn)擊過后保持原色，不用像你那樣寫得這么復(fù)雜，按照你說的，只需要寫一次樣式就夠了，寫法如下 #dh ul li a displayblock background#006ead width125px height43px 現(xiàn)在我無論是。

確定5下面設(shè)置鼠標(biāo)經(jīng)過的文字色彩，還是參考第二步，打開新建CSS規(guī)則面板，選擇“復(fù)合內(nèi)容”，選擇器中選擇ahover，6color中選擇鼠標(biāo)經(jīng)過的顏色，這里以“#F00”即紅色為例確定7下面看一下效果，完畢。

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

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。

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