css下划线出现

在CSS中，我们可以使用text-decoration属性来为文字添加下划线，如下所示：

p {
  text-decoration: underline;
} 

通过上述代码，我们可以将文本中的所有内容都添加了下划线。但是，在实际应用场景中，我们通常会遇到需要只为部分文本添加下划线的情况。这时，我们就需要借助一些其他的CSS属性来实现。

一种常见的方式是使用标签来为需要添加下划线的文本单独设置样式，如下所示：

p {
  font-size: 14px;
  line-height: 1.4;
}

p span {
  text-decoration: underline;
} 

在上述代码中，我们首先为p标签设置了字体大小和行高。然后，通过为其中的标签设置text-decoration属性来实现下划线的效果。

此外，我们还可以借助border-bottom属性来模拟下划线的效果，如下所示：

p {
  font-size: 14px;
  line-height: 1.4;
}

p span {
  border-bottom: 1px solid #ccc;
  padding-bottom: 2px;
} 

通过上述代码，我们为包含需要下划线的文本的标签设置了边框底部的样式，并为其添加了一定的padding值，从而实现了下划线的效果。