站長(zhǎng)資訊網(wǎng)
在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視頻教程》
