css下划线不显示

在CSS中，我们可以通过text-decoration属性来给文本添加下划线效果，然而有时候我们可能会遇到下划线无法显示的问题。

p {
  text-decoration: underline;
} 

这段CSS代码看起来很简单，但是当应用到HTML文本中时，有时候下划线就是无法显示。

那么为什么会出现这种情况呢？

首先，需要注意的是text-decoration属性只能作用于文本节点，而不能作用于非文本节点（如块级元素）。所以如果你想给一个段落的背景色添加下划线来模拟“带线框的段落”效果，是行不通的。

在实际的开发中，下划线可能会被其他CSS样式所覆盖，比如一个元素同时定义了text-decoration和border-bottom。这时候可以通过提高下划线的样式优先级，或者删除其他样式来解决问题。

此外，有些浏览器可能对下划线的显示有一些不同的处理方式，比如不显示下划线或者只显示部分下划线。这时候可以通过查看浏览器的制造商网站或者文档了解具体情况，并提供备用的解决方案。

总之，当下划线不显示的时候，需要仔细检查代码，调整样式优先级，或者寻找替代方案。