這篇文章給大家分享的是有關html超鏈接字體顏色如何修改的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。
首先我們先從一個例子開始改超鏈接的字體顏色：
我們要做的是未被點擊時超鏈接文字無下劃線，顯示為灰色；當鼠標在鏈接上時有下劃線，鏈接文字顯示為紅色；當點擊鏈接后，鏈接無下劃線，顯示為黃色。
我們來看完整的實驗代碼：
<html>
<head>
<title>億速云：取消下劃線實例</title>
<style>
a:link{text-decoration: none;color: gray}
a:active{text-decoration:blink}
a:hover{text-decoration:underline;color: red}
a:visited{text-decoration: none;color: yellow}
</style>
</head>
<body>
歡迎來到<a href="www.php.cn">億速云</a>
</body>
</html>這個是被點擊之后的樣式，無下劃線，顯示為黃色文本。
以上就是上代碼的實驗結果。算是把剛才的任務完成了，讓我們更容易理解上面的代碼。
現在我們來理解一下上述代碼的具體含義：
a:link 指正常的未被訪問過的鏈接；
a:active 指正在點的鏈接；
a:hover 指鼠標在鏈接上；
a:visited 指已經訪問過的鏈接；
text-decoration是文字修飾效果的意思；
none參數表示超鏈接文字不顯示下劃線；
underline參數表示超鏈接的文字有下劃線
現在理解出來了，這是不是更好理解了上面的那些代碼，就是把這些一個個的往里面帶入進去。
現在還有個實例，就是超鏈接在div標簽中，我們要把div標簽內的超鏈接的文本變顏色，怎么變呢？
讓我們一起來看解釋代碼：
1.CSS代碼：
a{ color:#00F}
a:hover{ color:#F00}/* 鼠標經過懸停字體顏色 */
/* css 注釋說明：以上代碼為設置html中超鏈接統一字體顏色 */
.div a{ color:#090}
.div a:hover{ color:#090}
/* css注釋說明：以上代碼為設置html中.div對象內超鏈接字體顏色2.html代碼：
<p>測試內容我是統一設置的顏色藍色<a href="http://www.php.cn">億速云</a></p> <div class="div">我在div對象內，超鏈接顏色為<a href="#">我是超鏈接綠色</a></div>
感謝各位的閱讀！關于html超鏈接字體顏色如何修改就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
