css怎麼去掉超連結下劃線
- php中世界最好的语言原創
- 2017-11-20 16:07:298905瀏覽
在網頁中難免有若干對文字A超鏈接錨文本，但是在默認情況下帶鏈接的文字全部都是有下劃線效果的，那麼如何把這個超連結的底線效果給去掉呢？那我們就要藉助強大的CSS了。
透過CSS設定要想讓帶超連結錨文本字型文字預設下劃線消失，我們需要CSS樣式字text-decoration去掉下劃線。
具體去掉全網頁預設連結下劃線實作無底線CSS程式碼如下：
a{text-decoration : none}
以上CSS程式碼即可實現取消去掉下劃線。
DIV CSS知識擴展，預設連結無底線效果，當滑鼠移到對應文字上方懸停對應文字字體出現下劃線，CSS樣式代碼：
a{text-decoration : none}
a:hover{text-decoration:underline}這樣就會讓網頁中帶連結文字下劃線預設情況消失，但滑鼠移到錨文字文字上方懸停時才出現下劃線樣式效果。
以下為，預設有連結文字沒有底線，滑鼠經過懸停在錨文字字體上方時出現CSS下劃線。
實例完整HTML原始碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>无下划线实现 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>关于默认链接无下划线实例
</body>
</html>相關閱讀：
#以上是css怎麼去掉超連結下劃線的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn