使用偽類 hoverbackgroundcolor#f00 例如你要給一個(gè)div 標(biāo)簽設(shè)置鼠標(biāo)懸浮上去改變背景，css樣式boxbackgroundcolor#0f0 設(shè)置div的背景顏色 boxhoverbackgroundcolor#f00 設(shè)置鼠標(biāo)懸浮上去時(shí)的背景意思 html內(nèi)容鼠標(biāo)懸浮改變背景；給這個(gè)a標(biāo)簽一個(gè)classclass=“ahover”在css里面添加ahover的樣式 ahover hover backgroundcolor#1ec2d5。

親，下回提代碼問(wèn)題，請(qǐng)直接上代碼，別截圖，還得手打代碼像這種直接定義A標(biāo)簽為塊級(jí)標(biāo)記，然后寫A標(biāo)簽的邊框，背景顏色就可以了，CSS代碼修改為如下bar1 *注釋掉以前bar1的代碼margin10px 0px 0px 0pxpadding10px 0px 0px 0pxborder3px solid #ffe7bawidth90pxbordertop；循環(huán)改變a的背景顏色 #39dh a#39eachfunctionindex thiscss#39backgroundcolor#39，colorindex改變顏色的話也是一樣的情況，先循環(huán)獲得所有a標(biāo)簽的顏色代碼，然后循環(huán)顏色數(shù)組比較如果不一樣就改變顏色 固定顏色 function showColor thiscss#39backgroundcolor#39，#39red；把行內(nèi)元素變成塊級(jí)元素，然后再加上浮動(dòng)即可即，在定義文字的行內(nèi)標(biāo)簽中加上displayblock，然后再加一個(gè)floatleft，就可以實(shí)現(xiàn)整塊背景變色，又不影響字體排列；打開一模板，點(diǎn)擊模板模板web屬性分頁(yè)預(yù)覽設(shè)置，選擇為該模板單獨(dú)設(shè)置，然后添加加載結(jié)束事件，具體js如下contentPanemakeHighlight#39red#39 使點(diǎn)擊的行變成紅色 分頁(yè)預(yù)覽模板，當(dāng)鼠標(biāo)點(diǎn)擊某行時(shí)，某行變色如果要實(shí)現(xiàn)鼠標(biāo)滑過(guò)改行是改變顏色，js語(yǔ)句修改為 contentPanemakeHighlight#39red#39，#39mouse；CSS定義鼠標(biāo)滑過(guò)導(dǎo)航菜單，背景可以是CSS定義的純色，也可以是豐富色彩圖案的圖片，文字則是實(shí)實(shí)在在的，但它無(wú)法做到又酷又炫，但其優(yōu)點(diǎn)是更利于搜索優(yōu)化和CMS中使用來(lái)看一個(gè)簡(jiǎn)單實(shí)例，就是給ahover鼠標(biāo)懸停加一個(gè)背景顏色，如下圖試下，鼠標(biāo)移動(dòng)到“導(dǎo)航菜單”文字上就可以看見黃色背景，移開；代碼 bg width 150pxheight 150pxbackgroundcolor red 4設(shè)置鼠標(biāo)滑過(guò)div時(shí)背景變色給bg樣式類添加鼠標(biāo)滑過(guò)hover，然后設(shè)置鼠標(biāo)滑過(guò)時(shí)的背景顏色如圖 代碼bghover backgroundcolor burlywood 5實(shí)用瀏覽器打開保存好html后使用瀏覽器打開，在鼠標(biāo)沒有滑過(guò)div時(shí)背景；實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)背景變色的方法有很多，方法一直接寫在HTML代碼中 html鼠標(biāo)滑過(guò) 文字變色 方法二先設(shè)置固定的樣式，然后調(diào)用 d_overbackgroundcolor# d_outbackgroundcolor#EFEFEF 哈哈哈哈哈 方法三使用標(biāo)簽這也是常用的方式 一般是用來(lái)定義鏈接的樣式的，并不是定義某；很簡(jiǎn)單不用Js，也不用大量代碼，關(guān)鍵是樣式 里加一句就行l(wèi)ihover background#4949d2 borderradius 8px。

onmouseout=quotthisbgColor=#39blue#39quot測(cè)試區(qū) 當(dāng)鼠標(biāo)滑進(jìn)去為紅色，滑出來(lái)為藍(lán)色在dw中代碼操作鼠標(biāo)選項(xiàng)中要編輯的區(qū)域然后右鍵quot編輯標(biāo)簽quot靠左下面都是鼠標(biāo)事件包括滑進(jìn)滑出點(diǎn)擊雙擊等選擇后在右邊窗口編輯事件this就是表示對(duì)當(dāng)前對(duì)象處理，也可處理別的；然后CSS部分加上代碼 a backgroundblue 然后 ahover backgroundred 這樣可以實(shí)現(xiàn)背景色的轉(zhuǎn)換，如果想要變色的區(qū)域不是矩形，那就得準(zhǔn)備好原圖和激活圖了，然后也用 ahover backgroundurl來(lái)實(shí)現(xiàn)了，很簡(jiǎn)單上面的是一個(gè)背景圖片 是用js改變樣式 鼠標(biāo)放上來(lái)試試 function aaobj；nav backgroundtransparent navhover color# 你沒有具體元素，如果和你想要的有偏差可以繼續(xù)問(wèn)；2我們來(lái)創(chuàng)建一個(gè)a標(biāo)簽，進(jìn)行超鏈接的展示3我們接下來(lái)書寫head書簽，在其中進(jìn)行書寫其他編寫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)行樣式修改；1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的標(biāo)簽中，輸入css代碼button backgroundcolor #00a7d0buttonhover backgroundcolor #ff77013瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)顯示出了藍(lán)色背景顏色的按鈕4將鼠標(biāo)移入按鈕，此時(shí)按鈕的背景顏色變成了橙色。