在網頁中難免有若干對文字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中文網其他相關文章!