溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了“如何使用CSS設置鏈接樣式”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“如何使用CSS設置鏈接樣式”這篇文章吧。
能夠設置鏈接樣式的CSS屬性有很多種（例如color,font-family,background等等）。
鏈接的特殊性在于能夠根據它們所處的狀態來設置它們的樣式。
鏈接的四種狀態：
a:link-普通的、未被訪問的鏈接
a:visited-用戶已訪問的鏈接
a:hover-鼠標指針位于鏈接的上方
a:active-鏈接被點擊的時刻
實例
<!DOCTYPEhtml>
<html>
<head>
<style>
a:link{color:#FF0000;}/*未被訪問的鏈接*/
a:visited{color:#00FF00;}/*已被訪問的鏈接*/
a:hover{color:#FF00FF;}/*鼠標指針移動到鏈接上*/
a:active{color:#0000FF;}/*正在被點擊的鏈接*/
</style>
</head>
<body>
<p><b><ahref="/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設置鏈接樣式”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
