<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>a標(biāo)簽的偽類</title>
<style type="text/css">
/*在需要a標(biāo)簽多種太壯的時(shí)候,一定要注意順序
link->visited->hover->active
在不需要某種狀態(tài)的時(shí)候,可以不寫*/
/*link 未點(diǎn)擊的鏈接*/
a:link{
color: black;
}
/*visited 鼠標(biāo)點(diǎn)擊過的鏈接*/
a:visited{
color: gray;
}
/*hover 鼠標(biāo)放上去之后的鏈接*/
a:hover{
color: green;
display: block;
height: 100px;
width: 200px;
background-color: palegreen;
}
/*active 鼠標(biāo)按下去的鏈接*/
a:active{
color: yellow;
}
</style>
</head>
<body>
<a href="#">章節(jié)目錄</a>
<a href="#">第一章</a>
<a href="#">第二章</a>
</body>
</html>
a標(biāo)簽的偽類
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
推薦閱讀更多精彩內(nèi)容
- a標(biāo)簽的狀態(tài) :link 默認(rèn)狀態(tài), 從未被訪問過,存在兼容問題, 使用:-webkit-any-link解決 :...
- # a標(biāo)簽的偽類選擇器 # cursor屬性(光標(biāo)樣式) 1.通過觀察,a標(biāo)簽存在一定的狀態(tài) 1.1 默認(rèn)狀態(tài),從...
- a標(biāo)簽的偽類選擇器(用來修改a標(biāo)簽的不同狀態(tài)的樣式的) 格式 :link(從未被訪問過) :visited(被訪問...
- 今天我們來學(xué)習(xí)一下a標(biāo)簽的4個(gè)偽類選擇器:①a:link選擇器:修改從未被訪問過的a標(biāo)簽樣式。②a:visited...