css中,可以使用“text-decoration”屬性取消下劃線,只需要給元素設置“text-decoration:none”樣式即可。text-decoration屬性用于給文本添加修飾,當值為“none”時,可以定義無修飾的標準文本。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css中取消下劃線可以使用text-decoration:none樣式實現(xiàn)。
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>取消下劃線</title> <style> a{ text-decoration:none } </style> </head> <body> 歡迎來到<a href="https://www.cctv.com/">我的世界</a>! </body> </html>
效果如下:
text-decoration 屬性規(guī)定添加到文本的修飾。
注釋:修飾的顏色由 "color" 屬性設置。
這個屬性允許對文本設置某種效果,如加下劃線。如果后代元素沒有自己的裝飾,祖先元素上設置的裝飾會“延伸”到后代元素中。不要求用戶代理支持 blink。
屬性值:
-
none 默認。定義標準的文本。
-
underline 定義文本下的一條線。
-
overline 定義文本上的一條線。
-
line-through 定義穿過文本下的一條線。
-
blink 定義閃爍的文本。
-
inherit 規(guī)定應該從父元素繼承 text-decoration 屬性的值。
推薦學習:css視頻教程