當我們在HTML頁面中使用超鏈接（標簽）時，有時需要在選中鏈接時添加樣式進行標識或改變該鏈接的樣式。
a:link {
color: blue;
text-decoration: none;
}
a:visited {
color: purple;
}
a:hover {
color: red;
text-decoration: underline;
}
a:active {
color: green;
}上面的代碼段展示了四種不同狀態下的鏈接樣式。當鼠標放在鏈接上時，它會改變樣式并顯示為紅色并有下劃線，這是由:hover偽類定義的。當點擊鏈接時，鏈接會暫時顯示為綠色，并有偽類:active進行定義。
注意，:link和:visited僅設置鏈接顏色和文本裝飾，而:hover和:active可以設置更多的樣式屬性來改變鏈接的外觀。因此，為了使鏈接看起來更美觀，我們建議在:hover和:active偽類下設置更多樣式。
同時，不同的瀏覽器可能對鏈接樣式處理方式存在不同，為確保跨瀏覽器兼容性，我們應該在樣式定義時進行適當的測試。
上一篇文字跳動css
下一篇css超鏈接樣式教學