在css中,可以利用“:active”選擇器和background屬性來(lái)設(shè)置正在訪問(wèn)的鏈接背景,只需要給鏈接添加“a:active{background:顏色值/url('圖片url');}”樣式即可設(shè)置正在訪問(wèn)時(shí)鏈接的背景顏色或背景圖片。

本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css設(shè)置正在訪問(wèn)的鏈接背景
在鼠標(biāo)點(diǎn)擊鏈接時(shí),設(shè)置其背景顏色為黃色。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> a:active { background: yellow; /* background:url(img/1.jpg); */ } </style> </head> <html> <body> <a href="#">鏈接</a> </body> </html>
效果圖:

說(shuō)明:
:active 選擇器可以設(shè)置當(dāng)你點(diǎn)擊鏈接時(shí)的樣式。
當(dāng)你點(diǎn)擊一個(gè)鏈接時(shí)它變成活動(dòng)鏈接,而:active會(huì)向活動(dòng)的鏈接添加特殊的樣式。
提示: :link 選擇器設(shè)置了未訪問(wèn)過(guò)的頁(yè)面鏈接樣式, :visited 選擇器設(shè)置訪問(wèn)過(guò)的頁(yè)面鏈接的樣式, :hover 選擇器當(dāng)有鼠標(biāo)懸停在其上的鏈接樣式。
注意: 為了產(chǎn)生預(yù)期的效果,在CSS定義中,:active必須位于:hover之后!!
推薦教程:《CSS視頻教程》
站長(zhǎng)資訊網(wǎng)