導讀跟大家講解下有關CSS怎么設置鏈接樣式，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說CSS怎么設置鏈接樣式，小編也收集到了
跟大家講解下有關CSS怎么設置鏈接樣式，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說CSS怎么設置鏈接樣式，小編也收集到了有關CSS怎么設置鏈接樣式的相關資料，希望大家看到了會喜歡。
我們能夠以不同的方法為鏈接設置樣式。
設置鏈接的樣式 ( 推薦學習：CSS入門教程 )
能夠設置鏈接樣式的 CSS 屬性有很多種（例如 color, font-family, background 等等）。
鏈接的特殊性在于能夠根據它們所處的狀態來設置它們的樣式。
鏈接的四種狀態：
a:link - 普通的、未被訪問的鏈接
a:visited - 用戶已訪問的鏈接
a:hover - 鼠標指針位于鏈接的上方
a:active - 鏈接被點擊的時刻
實例
<!DOCTYPE html><html><head><style>a:link {color:#FF0000;} a:visited {color:#00FF00;} a:hover {color:#FF00FF;} a:active {color:#0000FF;} </style></head><body><p><b><a href="/index.html" target="_blank">這是一個鏈接</a></b></p><p><b>注釋：</b>為了使定義生效，a:hover 必須位于 a:link 和 a:visited 之后！！</p><p><b>注釋：</b>為了使定義生效，a:active 必須位于 a:hover 之后！！</p></body></html>當為鏈接的不同狀態設置樣式時，請按照以下次序規則：
a:hover 必須位于 a:link 和 a:visited 之后
a:active 必須位于 a:hover 之后
以上就是CSS怎么設置鏈接樣式的詳細內容，更多請關注php中文網其它相關文章！
來源：php中文網
免責聲明：本文由用戶上傳，如有侵權請聯系刪除！