方法:使用“a:link {color:顏色值;}”、“a:visited{color:顏色值;}”、“a:hover{color:顏色值;}”和“a:active{color:顏色值;}”語(yǔ)句,分別設(shè)置超鏈接四種狀態(tài)時(shí)的鏈接顏色即可。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
<a> 標(biāo)簽定義超鏈接,用于從一張頁(yè)面鏈接到另一張頁(yè)面。
<a> 元素最重要的屬性是 href 屬性,它指示鏈接的目標(biāo)。
在所有瀏覽器中,鏈接的默認(rèn)外觀是:
超鏈接有四種狀態(tài):
-
a:link -正常狀態(tài) 未訪問過的鏈接
-
a:visited -用戶已訪問過的鏈接
-
a:hover -當(dāng)用戶鼠標(biāo)放在鏈接上時(shí)
-
a:active -鏈接被點(diǎn)擊的那一刻
上面鏈接的狀態(tài),在使用時(shí)有如下順序規(guī)則:
-
a:hover 必須跟在a:link和a:visited后面
-
a:active 必須跟在a:hover后面
注意:在鏈接第一次被訪問之前,鏈接是a:link設(shè)置的屬性
具體用法如下:
a:link{color:red;} a:visited{color:gray} a:hover{color:blue;font-size:24px} a:active{color:black}
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> a:link {color:red;} /* 未訪問鏈接*/ a:visited {color:gray;} /* 已訪問鏈接 */ a:hover {color:blue;} /* 鼠標(biāo)移動(dòng)到鏈接上 */ a:active {color:black;} /* 鼠標(biāo)點(diǎn)擊時(shí) */ </style> </head> <body> <p><b><a href="#">這是一個(gè)鏈接</a></b></p> </body> </html>
推薦教程:《html視頻教程》