CSS字体下面的横线怎么去掉

CSS中有一个特性，就是可以为字体添加下划线。但是有时候我们不想要这个下划线，该怎么办呢？下面我们通过代码来看一下如何去掉字体下面的横线。

方法一：
text-decoration: none;

上述代码为在CSS中设置文本的装饰线为“none”，这样就能去掉所有的文本装饰线，包括下划线。

方法二：
text-decoration: none !important;

有时候我们的样式表中可能有其他已经设置了下划线的样式，这时候我们需要用!important来强制添加样式，以确保下划线被去掉。

方法三：
text-decoration: underline;
border-bottom: none;

如果只是想去掉下划线，而不是所有文本装饰线，可以使用上述代码。我们先设置文本下划线的样式为“underline”，再设置边框底部样式为“none”。

总之，去掉字体下面的横线可以通过设置文本的装饰线为“none”，或者强制添加样式以确保下划线被去掉。如果只是想去掉下划线，再设置边框底部样式为“none”即可。