[分享]css中字体有下划线

在CSS中，我们经常需要对页面中的文字进行样式的设置，包括字体、颜色、大小、间距等等。有时候我们还需要在文字下方添加下划线来突出显示一些重要的信息。接下来，我们就来看一下如何实现在CSS中给字体添加下...

在CSS中，我们经常需要对页面中的文字进行样式的设置，包括字体、颜色、大小、间距等等。有时候我们还需要在文字下方添加下划线来突出显示一些重要的信息。接下来，我们就来看一下如何实现在CSS中给字体添加下划线效果。

在CSS中，我们可以使用text-decoration属性来指定文字的下划线样式。该属性有四个可选值：

text-decoration: none;      //取消下划线
text-decoration: underline; //添加下划线
text-decoration: overline;  //添加上划线
text-decoration: line-through; //添加中划线 

我们可以将text-decoration设置为underline来给字体添加下划线效果，如下所示：

p {
   text-decoration:underline;
} 

当我们将该样式应用到一个段落中时，该段落中的所有文字都会被添加下划线。如果只想给某些文字添加下划线，可以使用标签将需要添加下划线的文字包裹起来，并将text-decoration设置为underline，如下所示：

p {
  font-size:14px;
}
span {
   text-decoration:underline;
} 

这样，我们就可以在页面中以不同的方式来突出显示不同的文字了，让页面更加美观、易读。