css中,可以使用“text-decoration”屬性取消下劃線,只需要給元素設(shè)置“text-decoration:none”樣式即可。text-decoration屬性用于給文本添加修飾,當(dāng)值為“none”時,可以定義無修飾的標(biāo)準(zhǔn)文本。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css中取消下劃線可以使用text-decoration:none樣式實(shí)現(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" 屬性設(shè)置。
這個屬性允許對文本設(shè)置某種效果,如加下劃線。如果后代元素沒有自己的裝飾,祖先元素上設(shè)置的裝飾會“延伸”到后代元素中。不要求用戶代理支持 blink。
屬性值:
-
none 默認(rèn)。定義標(biāo)準(zhǔn)的文本。
-
underline 定義文本下的一條線。
-
overline 定義文本上的一條線。
-
line-through 定義穿過文本下的一條線。
-
blink 定義閃爍的文本。
-
inherit 規(guī)定應(yīng)該從父元素繼承 text-decoration 屬性的值。
推薦學(xué)習(xí):css視頻教程