css如何設定超連結樣式
阿新 • • 發佈:2018-12-26
css設定超連結樣式是通過偽類來實現的
(1) :link:設定a物件在未被訪問前的樣式表屬性。
(2) :visited:設定a物件在其連結地址已被訪問過時的樣式表屬性。
(3) :hover:設定物件在其滑鼠懸停時的樣式表屬性。
(4) :active:設定物件在被使用者啟用(在滑鼠點擊與釋放之間發生的事件)時的樣式表屬性。
css中關於超連結的四個屬性正確順序為:
a:link {}
a:visited {}
a:hover {}
a:active {}
偽類名字對大小寫不敏感,但在定義順序上有要求。:hover必須被置於:link和:visited之後才是有效的,:active必須被置於:hover之後才是有效的。
備註
預設狀態下,建立的超級連結的文字顏色為藍色,並帶有下劃線,訪問之後變為紫色。如果想要修改這種顏色,需要用CSS樣式設定超級連結的a:link、a:visited、a:hover、a:active狀態的樣式。
例項
<style type=”text/css”> A{text-decoration:none} 無下劃線 A:link{color:red} A:visited{color:blue} A:active{color:yellow} A:hover{color:green;font-family:楷體;font-size:20} </style>