鏈接或超鏈接是從一個Web資源頁面連接到另一個Web資源頁面。
鏈接有四種不同的狀態(tài)- link, visited, active 和 hover。鏈接或超鏈接的這四個狀態(tài)可以使用錨元素的偽類通過CSS屬性設置不同的樣式，具體取決于它們所處的狀態(tài)。
這是與HTML <a>標記關聯的CSS偽類，可用于為超鏈接的不同狀態(tài)定義不同的樣式。
a：link —為沒有鼠標指針的普通或未訪問鏈接設置樣式。
a：visited-設置用戶訪問過但沒有鼠標指針的鏈接的樣式。
a：hover —當用戶將鼠標指針放在鏈接上時，設置鏈接的樣式。
a：active-為正在單擊的鏈接設置樣式。
您可以指定你想CSS屬性,例如：color，font-family，background等，以這些的選擇重新定義鏈接的風格，就像你用普通的文本那樣。
a:link { /* 未被訪問的鏈接 */
color: #FF0000;
text-decoration: none;
}
a:visited { /* 被訪問過的鏈接 */
color: #00FF00;
}
a:hover { /* 鼠標移到鏈接上 */
color: #FF00FF;
text-decoration: underline;
}
a:active { /* 正在點擊的鏈接 */
color: #0000FF;
}測試看看?/?為多個鏈接狀態(tài)設置樣式的順序很重要，因為最后定義的優(yōu)先級高于先前的CSS代碼。
注：偽類的順序應該通常為：:link，:visited，:hover，:active，:focus
在所有主流的Web瀏覽器中，如果未專門設置樣式，則網頁上的鏈接帶有下劃線，并使用瀏覽器的默認鏈接顏色。
例如，基于Gecko的Web瀏覽器（如Firefox）的默認鏈接顏色為- 藍色表示未訪問，紫色表示已訪問，紅色表示正在點擊的鏈接。
以下是演示如何設置鏈接顏色的示例。
a:link { /* 未被訪問的鏈接 */
color: #FF0000;
}
a:visited { /*被訪問過的鏈接 */
color: #00FF00;
}
a:hover { /* 鼠標移到鏈接上 */
color: #FF00FF;
}
a:active { /* 正在點擊的鏈接 */
color: #0000FF;
}測試看看?/?text-decoration CSS屬性一般用來從鏈接中刪除默認的下劃線。下面的示例演示，如何刪除或設置text-decoration超鏈接的不同狀態(tài)的屬性。
a:link { /* 未被訪問的鏈接 */
color: #FF0000;
text-decoration: none;
}
a:visited { /* 被訪問過的鏈接 */
color: #00FF00;
text-decoration: none;
}
a:hover { /* 鼠標移到鏈接上 */
color: #FF00FF;
text-decoration: underline;
}
a:active { /* 正在點擊的鏈接 */
color: #0000FF;
text-decoration: underline;
}測試看看?/?