首先我們使用css的基礎樣式來做一個最簡單的去底線的方法：
html a超連結標籤，預設有的瀏覽器顯示有底線，有的沒有底線，大多 錨文本 超連結A標籤內字型是有底線的，怎麼去除超連結底線？ html 超連結去除底線怎麼做？
去掉去除超連結錨文本的底線需要CSS樣式屬性：
text-decoration
大多時候我們知道：text-decoration:underline是顯示底線。
html中去除去掉a標籤超連結底線代碼：
text-decoration:nonea{text-decoration:none}
這樣既可去除網頁中超連結底線效果。如果只設定此CSS代碼 ，滑鼠移至上方超連結上時也會取消去掉底線，底線也不會顯示。
避免相容問題，如果想滑鼠移至上方點擊時超連結也不現實底線，還需CSS代碼如下：
a:hover{text-decoration:none}
滑鼠移動到超連結上方不顯示底線。
完整HTML去掉超連結底線-html超連結底線去除代碼：
a{ text-decoration:none} a:hover{ text-decoration:none}
看個完整的代碼執行個體：
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8" />
<title>topic.alibabacloud.com：取消下劃線實例</title>
<style>
a{text-decoration:none}
a:hover{text-decoration:none}
</style>
</head>
<body>
歡迎來到<a href=“www.php.cn”>php中文網</a>
</body>
</html>
讓我們一起看看這個在瀏覽器中的吧：
以上的圖是不是很清楚，本來在topic.alibabacloud.com那裡有個底線的，現在也沒有了，這樣是不是方便了很多。
還有以下關於底線的代碼，你可能用得著：
1.html超連結預設顯示底線，滑鼠移至上方底線消失
a{ text-decoration:underline} a:hover{ text-decoration:none}
2.html預設去掉底線，滑鼠移至上方顯示底線
a{ text-decoration:none} a:hover{ text-decoration:underline}
以上就是本篇關於html超連結的取消底線的方法了，還有些相關的代碼，猜你可能用得著，有問題的歡迎在下方提問。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
