在一些设计要求比较高的情况下,我们希望去掉文字下方的下划线,这样能让页面显得更加美观。那么,下面我们就来介绍如何用CSS去掉文字的下划线。 下面是CSS代码: .no-underline { text
在一些设计要求比较高的情况下,我们希望去掉文字下方的下划线,这样能让页面显得更加美观。那么,下面我们就来介绍如何用CSS去掉文字的下划线。
下面是CSS代码: .no-underline {
text-decoration: none;
}
我们只需要给需要去掉下划线的文字所在的标签添加一个类名"no-underline",然后在CSS中设置该类名的text-decoration属性为none即可。
下面是HTML代码: <p class="no-underline">这是一段没有下划线的文字</p>
通过给该段文字所在的p标签添加no-underline类名,就可以让这段文字没有任何下划线了。
另外,如果只需要去掉下划线的某个文字或单词,我们可以把这个文字或单词放在一个span标签中,并为该span标签添加no-underline类名。
下面是HTML代码: <p>这是一段有下划线的<span class="no-underline">文字</span></p>
通过给该span标签添加no-underline类名,就可以让这个文字没有下划线了,而其他的文字还是保留下划线。
总之,想要去掉文字下方的下划线,只需要在CSS中设置text-decoration为none就可以了。
粉丝
0
关注
0
收藏
0