css如何加上划线

在CSS中，我们可以使用text-decoration属性来给文字添加下划线。它的取值包括none（无效果）、underline（下划线）、overline（顶部线）、line-through（删除线）和blink（闪烁线）。我们可以使用如下代码来让文字具有下划线的效果：```cssp {text-decoration: underline;}```如果我们想要添加带有不同样式的下划线，可以通过text-decoration-line、text-decoration-color和text-decoration-style来分别控制。```cssp {text-decoration-line: underline;text-decoration-color: red;text-decoration-style: dotted;}```此外，我们还可以使用伪元素（pseudo-element）的方式给文字添加下划线。这种方式下划线是绝对定位的，可以精确控制位置和长度。```cssp::after {content: "";position: absolute;left: 0;bottom: -3px;width: 100%;border-bottom: 1px solid black;}```上述代码中，我们使用::after伪元素来添加下划线，通过position属性来控制位置和长度，border-bottom属性来设置下划线的样式。通过调整bottom的值可以控制下划线与文字之间的距离。总之，CSS提供了多种方式来为文字添加下划线，我们可以根据实际需求选择不同的方式。