1. 程式人生 > >css如何設定超連結樣式

css如何設定超連結樣式

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>