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

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

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

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

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

4接著書(shū)寫(xiě)style標(biāo)簽，在其中書(shū)寫(xiě)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)劃過(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。