在css3中,可以利用「text-decoration」屬性來去除文字下劃線,該屬性用於規定添加到文本的修飾,當屬性值設定為「none」時,可以規定一個標準的文本,也會去掉文字的底線,語法為「text-decoration:none」。
本教學操作環境:windows10系統、CSS3&&HTML5版、Dell G3電腦。
text-decoration 屬性規定加入到文字的修飾。
註解:修飾的顏色由 "color" 屬性設定。
說明
這個屬性允許對文字設定某種效果,如加底線。如果後代元素沒有自己的裝飾,祖先元素上設置的裝飾會「延伸」到後代元素中。不要求用戶代理支援 blink。
none預設。定義標準的文字。
underline定義文字下的一條線。
overline定義文字上的一條線。
line-through定義穿過文字下方的一條線。
blink定義閃爍的文字。
範例如下:
<html> <head> <style type="text/css"> .abc{text-decoration: none} </style> </head> <body> <p><a href="" class="abc">这是一个链接</a></p> <a href="">这是一个链接</a> </body> </html>
輸出結果:
(學習影片分享:css影片教學)
以上是css3怎麼去掉文字下劃線的詳細內容。更多資訊請關注PHP中文網其他相關文章!