溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
我們能夠以不同的方法為鏈接設置樣式。
設置鏈接的樣式
能夠設置鏈接樣式的 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怎么設置鏈接樣式的詳細內容，更多請關注億速云其它相關文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
