這篇文章給大家分享的是有關html如何設置超鏈接顏色的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
方法:使用“a:link {color:顏色值;}”、“a:visited{color:顏色值;}”、“a:hover{color:顏色值;}”和“a:active{color:顏色值;}”語句,分別設置超鏈接四種狀態時的鏈接顏色即可。
本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
<a> 標簽定義超鏈接,用于從一張頁面鏈接到另一張頁面。
<a> 元素最重要的屬性是 href 屬性,它指示鏈接的目標。
在所有瀏覽器中,鏈接的默認外觀是:

超鏈接有四種狀態:
a:link -正常狀態 未訪問過的鏈接
a:visited -用戶已訪問過的鏈接
a:hover -當用戶鼠標放在鏈接上時
a:active -鏈接被點擊的那一刻
上面鏈接的狀態,在使用時有如下順序規則:
a:hover 必須跟在a:link和a:visited后面
a:active 必須跟在a:hover后面
注意:在鏈接第一次被訪問之前,鏈接是a:link設置的屬性
具體用法如下:
a:link{color:red;}
a:visited{color:gray}
a:hover{color:blue;font-size:24px}
a:active{color:black}示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
a:link {color:red;} /* 未訪問鏈接*/
a:visited {color:gray;} /* 已訪問鏈接 */
a:hover {color:blue;} /* 鼠標移動到鏈接上 */
a:active {color:black;} /* 鼠標點擊時 */
</style>
</head>
<body>
<p><b><a href="#">這是一個鏈接</a></b></p>
</body>
</html>
1、簡易性:超級文本標記語言版本升級采用超集方式,從而更加靈活方便,適合初學前端開發者使用。 2、可擴展性:超級文本標記語言的廣泛應用帶來了加強功能,增加標識符等要求,超級文本標記語言采取子類元素的方式,為系統擴展帶來保證。 3、平臺無關性:超級文本標記語言能夠在廣泛的平臺上使用,這也是萬維網盛行的一個原因。 4、通用性:HTML是網絡的通用語言,它允許網頁制作人建立文本與圖片相結合的復雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什么類型的電腦或瀏覽器。
感謝各位的閱讀!關于“html如何設置超鏈接顏色”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。