明輝手游網(wǎng)中心：是一個免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

css怎么去掉超鏈接下劃線

發(fā)表時間：2024-05-08 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]在網(wǎng)頁中難免有若干對文字A超鏈接錨文本，但是在默認(rèn)情況下帶鏈接的文字全部都是有下劃線效果的，那么如何把這個超鏈接的下劃線效果給去掉呢？那我們就要借助強(qiáng)大的CSS了。通過CSS設(shè)置要想讓帶超鏈接錨文本字體文字默認(rèn)下劃線消失，我們需要CSS樣式單詞text-decoration去掉下劃線。具體去掉全網(wǎng)...
在網(wǎng)頁中難免有若干對文字A超鏈接錨文本，但是在默認(rèn)情況下帶鏈接的文字全部都是有下劃線效果的，那么如何把這個超鏈接的下劃線效果給去掉呢？那我們就要借助強(qiáng)大的CSS了。

通過CSS設(shè)置要想讓帶超鏈接錨文本字體文字默認(rèn)下劃線消失，我們需要CSS樣式單詞text-decoration去掉下劃線。

具體去掉全網(wǎng)頁默認(rèn)鏈接下劃線實(shí)現(xiàn)無下劃線CSS代碼如下：

a{text-decoration : none}

以上CSS代碼即可實(shí)現(xiàn)取消去掉下劃線。

DIV CSS知識擴(kuò)展，默認(rèn)鏈接無下劃線效果，當(dāng)鼠標(biāo)移到對應(yīng)文字上方懸停對應(yīng)文字字體出現(xiàn)下劃線，CSS樣式代碼：

a{text-decoration : none} 
a:hover{text-decoration:underline}

這樣就會讓網(wǎng)頁中帶鏈接文字下劃線默認(rèn)情況消失，但鼠標(biāo)移到錨文本文字上方懸停時才出現(xiàn)下劃線樣式效果。

以下為，默認(rèn)情況下帶鏈接文字沒有下劃線，鼠標(biāo)經(jīng)過懸停在錨文本字體上方時出現(xiàn)CSS下劃線。

實(shí)例完整HTML源代碼：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>無下劃線實(shí)現(xiàn) DIVCSS5</title> 
<style> 
a{ text-decoration:none} 
a:hover{ text-decoration:underline} 
</style> 
</head> 
<body> 
歡飲來到<a href="http://www.php.cn">www.php.cn</a>關(guān)于默認(rèn)鏈接無下劃線實(shí)例 
</body> 
</html>

相關(guān)閱讀：

js實(shí)現(xiàn)頁面加載時自動觸發(fā)超鏈接實(shí)例詳解

怎么使用jQuery動態(tài)修改超鏈接

html中超鏈接a實(shí)例用法匯總

以上就是css怎么去掉超鏈接下劃線的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。