ahover backgroundurlquotimagebgjpgquot #000 鼠標(biāo)在菜單上的顏色，沒使用圖片做背景就直接寫顏色 點(diǎn)擊后停留狀態(tài)停留，點(diǎn)擊后給該鏈接按鈕加個(gè)class或id 如lta class=#39home#39lta 然后寫下該類的css；這個(gè)你需要用到偽類 hover hover 偽類在鼠標(biāo)移到元素上時(shí)向此元素添加特殊的樣式例子1 ltstyleahover color #FF00FFltstylelta href=quot#quot延時(shí)文本lta當(dāng)鼠標(biāo)移動(dòng)到a標(biāo)簽上的時(shí)候，改變a標(biāo)簽的文字顏色；用focus偽類就可以實(shí)現(xiàn) inputfocus border 2px solid yellow如上，可以根據(jù)自己的具體需求更改顏色像素 要想美觀的話，可以根據(jù)設(shè)計(jì)風(fēng)格，添加borderradius屬性來增加邊角圓角效果；1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼avisited color blueviolet3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)超鏈接文本單擊后的樣式被設(shè)置了文字紫色。

二在HTML文件中找到body標(biāo)記，在標(biāo)記中創(chuàng)建一個(gè)div標(biāo)記，并將類設(shè)置為BG三在title標(biāo)記之后創(chuàng)建一個(gè)樣式標(biāo)記，以將樣式添加到BG類為BG類設(shè)置寬度高度和背景色四將背景顏色設(shè)置為在鼠標(biāo)移動(dòng)到Div上時(shí)更改添加；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ì)；CSS里面沒有點(diǎn)擊事件，只能控制鼠標(biāo)移入的時(shí)候顯示小案例lt！doctype htmllthtml lthead ltmeta charset=quotutf8quot lttitleCSS里鼠標(biāo)點(diǎn)擊div里的LI A時(shí)加上背景圖片lttitle ltstyle type=quottextcssquot；1打開前端開發(fā)軟件，新建一個(gè)html代碼頁(yè)面 2在新建的html代碼頁(yè)面上找到ltbody，在這個(gè)ltbody標(biāo)簽里創(chuàng)建一個(gè)標(biāo)簽，a案例中使用的是lta代碼lta href=quotquot 大家好，鼠標(biāo)放到我身上就可看到效果 lta 3為新家；colorred ahover colorblack aactive colorblue 在這其中，a 后面的colorred=鏈接文字為紅色，ahover 的 colorblack=鼠標(biāo)移動(dòng)到鏈接文字上后為黑色， aactive 的 colorblue= 鼠標(biāo)點(diǎn)擊；1建立一個(gè)靜態(tài)頁(yè)命名為changehtml ，標(biāo)題為js導(dǎo)航點(diǎn)擊的怎么同時(shí)變圖片跟字體顏色2設(shè)置一個(gè)簡(jiǎn)易的導(dǎo)航欄3加css 控制菜單的樣式，并加入背景圖片4為li添加id，創(chuàng)建函數(shù)fun ，并傳遞傳遞參數(shù)5為函數(shù)加入。

4在css標(biāo)簽內(nèi)，再定義一個(gè)類名為newbg的樣式，使用background屬性設(shè)置背景顏色為黃色5在testhtml文件中，給div綁定onmouseover鼠標(biāo)移動(dòng)事件，當(dāng)鼠標(biāo)移動(dòng)至div時(shí)，執(zhí)行myfun函數(shù)6在testhtml文件中，在js標(biāo)簽內(nèi)；CSS中的cursor 屬性可以可以使鼠標(biāo)移動(dòng)到行上時(shí)有點(diǎn)擊圖標(biāo)，將cursor的值設(shè)置為pointer 光標(biāo)呈現(xiàn)為指示鏈接的指針一只手例如lta style=quotcursorpointerquot點(diǎn)擊圖標(biāo)lta ，效果如下圖所示1cursor定義和用法；1打開hbuilder，在空白的html文件上面設(shè)置一個(gè)div，給div一個(gè)class并命名為img2在css里設(shè)置img的類一定的寬和高，引入示例圖片，設(shè)置圖片為不重復(fù)并且給img的類設(shè)置“hover”偽類，設(shè)置偽類內(nèi)的透明度為063；HTMLlt！DOCTYPE htmllthtml lthead lttitleDropdownlttitle ltlink rel=quotstylesheetquot href=quotstylecssquot ltmeta charset=quotutf8quot lthead ltbody ltul ltli class=quotdropdownquot；1在快速啟動(dòng)欄中點(diǎn)擊層疊樣式表按鈕就是把鼠標(biāo)放上去顯示showcssstyles的那個(gè)按鈕，在彈出的CSSStyles面板上雙擊2此時(shí)，可看到彈出的EditStyleSheet面板，在該面板上按New按鈕3彈出的NewStyle面板上點(diǎn)取。

如何在css中的鏈接文本上移動(dòng)鼠標(biāo)來顯示文本，詳見圖片1創(chuàng)建一個(gè)新的html文件，并將其命名為testhtml2在testhtml文件中，創(chuàng)建一個(gè)div模塊接下來，將使用css來設(shè)置這個(gè)div的樣式，以便鼠標(biāo)可以移動(dòng)到div來顯示手形；1， 2 外面包一層 div 稱為3，并且 2 預(yù)設(shè) display 設(shè)定為 隱藏 當(dāng)鼠標(biāo)滑過 3 ，就把 3hover 2 的 display 打開block 即可 不懂可以私信問我詳細(xì)；需要使用到j(luò)s，獲取到點(diǎn)擊按鈕 聲明一個(gè)變量為 var flag = false 當(dāng)點(diǎn)擊時(shí) ifflag flag = true ， 把要顯示的元素設(shè)置display為else flag= false， display設(shè)置為block。