css怎么去掉超鏈接下劃線
發表時間:2024-05-08 來源:明輝站整理相關軟件相關文章人氣:
[摘要]在網頁中難免有若干對文字A超鏈接錨文本,但是在默認情況下帶鏈接的文字全部都是有下劃線效果的,那么如何把這個超鏈接的下劃線效果給去掉呢?那我們就要借助強大的CSS了。通過CSS設置要想讓帶超鏈接錨文本字體文字默認下劃線消失,我們需要CSS樣式單詞text-decoration去掉下劃線。具體去掉全網...
在網頁中難免有若干對文字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>
相關閱讀:
js實現頁面加載時自動觸發超鏈接實例詳解
怎么使用jQuery動態修改超鏈接
html中超鏈接a實例用法匯總
以上就是css怎么去掉超鏈接下劃線的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。