網(wǎng)頁鼠標(biāo)經(jīng)過變色代碼(網(wǎng)頁鼠標(biāo)經(jīng)過變色代碼不顯示)
鼠標(biāo)移動到標(biāo)簽上,標(biāo)簽內(nèi)容的字體顏色樣式發(fā)生改變,其中一種常用的方法是使用CSS的 偽類 hover來完成舉例如下HTML代碼 這是一段測試文字,我的默認(rèn)顏色是藍(lán)色CSS代碼p color blue phover color。
如標(biāo)簽之后設(shè)置當(dāng)鼠標(biāo)懸浮在該標(biāo)簽上時的樣式,在css樣式表中聲明選擇器 標(biāo)簽hover如phoverxhover為偽類樣式,hover表示鼠標(biāo)懸浮在這一標(biāo)簽上時最后在中添加設(shè)置字體大小顏色的代碼如 colorred超文本。
鼠標(biāo)放置后變色 ordered background#CECECEtextaligncenter ordered tr backgroundcolor#fffeventexpressiononmouseover = function=#39#d5f4fe#39,onmouseout = function。
將上述代碼稍作修改就好了,ltdiv width=94 onmouseout=quotifdocumentgetElementById#39doclassmenu#39=#39#39quotonmouseover=quotifdocumentgetElementById#39doclassmenu#39。
lt! bodyfontsize 12px acolor #0F0 textdecoration ahover color #F00 textdecoration a是指這段標(biāo)簽 hover是鼠標(biāo)經(jīng)過時的狀態(tài) 這是css,如果還有問題可以直接問。
4點擊確定,打開樣式設(shè)置面板,選擇Color#333,或別的你要的著色,確定5下面設(shè)置鼠標(biāo)經(jīng)過的文字色彩,還是參考第二步,打開新建CSS規(guī)則面板,選擇“復(fù)合內(nèi)容”,選擇器中選擇ahover,6color中選擇鼠標(biāo)經(jīng)過的顏色。
用一個時間的案例來說明吧 1 代碼部分 代碼我已經(jīng)測試過了沒有問題,復(fù)制下來直接在瀏覽器看效果就可以了 lt!doctype html s鼠標(biāo)經(jīng)過div成黃色 test width200pxheight200pxborder2px solid red w。
瀏覽時鼠標(biāo)經(jīng)過文字變色了AdobeDreamweaver,簡稱“DW”,中文名稱“夢想編織者”,最初為美國MACROMEDIA公司開發(fā),2005年被Adobe公司收購DW是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁代碼編輯器利用HTMLCSS。
1首先,打開html編輯器,新建html文件,例如indexhtml,編寫問題基礎(chǔ)代碼2在indexhtml中的標(biāo)簽,輸入js代碼中的style屬性中輸入hovercolor #0a6aa13瀏覽器運行indexhtml頁面,此時鼠標(biāo)移動到div123上。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。