在css3中,可以利用“text-decoration”屬性來(lái)去掉文本下劃線,該屬性用于規(guī)定添加到文本的修飾,當(dāng)屬性值設(shè)置為“none”時(shí),可以規(guī)定一個(gè)標(biāo)準(zhǔn)的文本,也就會(huì)去掉文本的下劃線,語(yǔ)法為“text-decoration:none”。
本教程操作環(huán)境:windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css3怎么去掉文本下劃線
text-decoration 屬性規(guī)定添加到文本的修飾。
注釋?zhuān)盒揎椀念伾?"color" 屬性設(shè)置。
說(shuō)明
這個(gè)屬性允許對(duì)文本設(shè)置某種效果,如加下劃線。如果后代元素沒(méi)有自己的裝飾,祖先元素上設(shè)置的裝飾會(huì)“延伸”到后代元素中。不要求用戶代理支持 blink。
-
none默認(rèn)。定義標(biāo)準(zhǔn)的文本。
-
underline定義文本下的一條線。
-
overline定義文本上的一條線。
-
line-through定義穿過(guò)文本下的一條線。
-
blink定義閃爍的文本。
示例如下:
<html> <head> <style type="text/css"> .abc{text-decoration: none} </style> </head> <body> <p><a href="" class="abc">這是一個(gè)鏈接</a></p> <a href="">這是一個(gè)鏈接</a> </body> </html>
輸出結(jié)果:
(學(xué)習(xí)視頻分享:css視頻教程)