站長資訊網(wǎng)
在css中，可以利用“:active”選擇器和background屬性來設(shè)置正在訪問的鏈接背景，只需要給鏈接添加“a:active{background:顏色值/url('圖片url');}”樣式即可設(shè)置正在訪問時鏈接的背景顏色或背景圖片。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css設(shè)置正在訪問的鏈接背景
在鼠標(biāo)點擊鏈接時，設(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>
效果圖：
說明：
:active 選擇器可以設(shè)置當(dāng)你點擊鏈接時的樣式。
當(dāng)你點擊一個鏈接時它變成活動鏈接，而:active會向活動的鏈接添加特殊的樣式。
提示: :link 選擇器設(shè)置了未訪問過的頁面鏈接樣式, :visited 選擇器設(shè)置訪問過的頁面鏈接的樣式, :hover 選擇器當(dāng)有鼠標(biāo)懸停在其上的鏈接樣式。
注意: 為了產(chǎn)生預(yù)期的效果，在CSS定義中，:active必須位于:hover之后！！
推薦教程：《CSS視頻教程》
