首先我們先從一個例子開始改超鏈接的字體顏色：

我們要做的是未被點擊時超鏈接文字無下劃線，顯示為灰色；當鼠標在鏈接上時有下劃線，鏈接文字顯示為紅色；當點擊鏈接后，鏈接無下劃線，顯示為黃色。

我們來看完整的實驗代碼：

 html  head  title PHP ：取消下劃線實例 /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.survivalescaperooms.com php  /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.survivalescaperooms.com php  /a /p  div >
這個代碼的效果如下圖：
上面的文本編程了藍色，下面的文本變成了綠色。效果很明顯。
這就是用css樣式來改變html中的超鏈接文本的方法了。有問題的可以在下方提問
【小編推薦】
html空格代碼怎么寫？html空格代碼的表現方式總結
html圖片怎么等比例縮放？html img圖片縮放方法總結(附實例)
以上就是html超鏈接字體顏色怎么改？超鏈接字體顏色的更改方法總結的詳細內容，html教程        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。