css如何控制文字下划线样式

在CSS中，你可以通过以下几个属性来控制文字的下划线样式：

1. **text-decoration**：这是最直接的属性，用于添加、删除或修改文本装饰，如下划线。默认值是`none`，表示无装饰。设置为`underline`可以添加下划线。

   p {
     text-decoration: underline;
   }

2. **text-decoration-color**：这个属性让你能够改变下划线的颜色。例如：

   p {
     text-decoration: underline;
     text-decoration-color: red; /* 设置下划线颜色为红色 */
   }

3. **text-decoration-style**：允许你选择下划线的样式，可以是`solid`（常规），`double`（双线），`dotted`（点状），`dashed`（虚线），或是`wavy`（波浪线）。例如：

   p {
     text-decoration: underline solid blue; /* 实心蓝色下划线 */
   }

4. **text-decoration-thickness** 和 **text-decoration-line-height**：这两个属性分别控制下划线的粗细和高度，但是不是所有浏览器都支持。

注意，对于某些设计需求，你还可以使用伪元素`:hover`, `:active`, 或 `:visited` 来创建交互式的下划线效果。