css去掉a標籤的底線的方法是,為a標籤加入text-decoration屬性,並設定屬性值為none,表示文字修飾沒有線條,例如【text-decoration-line: none; 】。
本文操作環境:windows10系統、css 3、thinkpad t480電腦。
我們可以透過text-decoration-line屬性來規定文字修飾要使用的線條類型。
常用屬性值:
none 預設值。規定文字修飾沒有線條
underline 規定文字的下方將顯示一條線
overline 規定文字的上方將顯示一條線
line-through 規定文字的中間將顯示一條線
initial 設定此屬性為它的預設值
#inherit 從父元素繼承該屬性
範例:
<!DOCTYPE html> <html> <head> <style> p { text-decoration-line: overline; -moz-text-decoration-line: overline; /* 针对 Firefox 的代码 */ } </style> </head> <body> <p> 本实例中的段落上方会显示一条线。</p> <p><b>注意:</b>几乎所有的主流浏览器都不支持 text-decoration-line 属性。</p> <p><b>注意:</b>Firefox 支持另一个可替代该属性的属性,即 -moz-text-decoration-line 属性。</p> </body> </html>
運作效果:
相關影片教學:css影片教學
以上是css怎麼去掉a標籤的下劃線的詳細內容。更多資訊請關注PHP中文網其他相關文章!