- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 6Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 7Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10qq郵件是否已讀怎么看 QQ郵箱已經發出去的郵件怎么知道對方是否已經查看
- 11XP系統怎么清除緩存？
- 12AMD推土機架構回顧：雖隕落卻是Zen成功的墊腳石
[摘要]本篇文章主要的講述了一個關于HTML超鏈接文本字體顏色的更改方法，說了一個是純a標簽的文本更改，還有一種是把a標簽放在div標簽中進行css樣式更改。現在我們一起來看文章的內容吧首先我們先從一個例子開始改超鏈接的字體顏色：我們要做的是未被點擊時超鏈接文字無下劃線，顯示為灰色；當鼠標在鏈接上時有下劃...
本篇文章主要的講述了一個關于HTML超鏈接文本字體顏色的更改方法，說了一個是純a標簽的文本更改，還有一種是把a標簽放在div標簽中進行css樣式更改。現在我們一起來看文章的內容吧首先我們先從一個例子開始改超鏈接的字體顏色：
我們要做的是未被點擊時超鏈接文字無下劃線，顯示為灰色；當鼠標在鏈接上時有下劃線，鏈接文字顯示為紅色；當點擊鏈接后，鏈接無下劃線，顯示為黃色。
我們來看完整的實驗代碼：
<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.php.cn">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.php.cn">php中文網</a></p> <div class="div">我在div對象內，超鏈接顏色為<a href="#">我是超鏈接綠色</a></div>
這個代碼的效果如下圖：
上面的文本編程了藍色，下面的文本變成了綠色。效果很明顯。
這就是用css樣式來改變html中的超鏈接文本的方法了。有問題的可以在下方提問
【小編推薦】
html圖片怎么等比例縮放？html img圖片縮放方法總結(附實例)
以上就是html超鏈接字體顏色怎么改？超鏈接字體顏色的更改方法總結的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
推薦資訊 總人氣榜
相關文章
- 在html中如何點出head標簽？head標簽中包含的元素有哪一些？
- HTML button標簽是否有超鏈接？這有button標簽設置超鏈接的案例
- HTML如何自定義dialog背景？一篇文章教你如何自定義dialog！
- html frame標簽如何使用？frame標簽的用法說明（附案例）
- html中的head標簽在什么地方里找？head標簽的作用總結
- html中b標簽與strong標簽的區別是什么？b與strong區別的總結
- HTML <a> download屬性使用方法詳細說明
- xhtml與html之間有什么區別？xhtml與html之間的異同區分
- html中的document對象是什么？一篇文章讓你知道document對象
- html font標簽如何設置字體大小？html font標簽屬性用法說明
- HTML中添加圖片的代碼是什么？html如何正確的添加圖片路徑？
- HTML中的圖片如何自適應屏幕？這篇文章有圖片的自適應用法說明
