如何在CSS中对文本加下划线

在CSS中，我们可以通过text-decoration属性来为文本添加下划线。下划线是一种文本修饰样式，用于突出强调部分文本。

使用CSS text-decoration属性添加下划线

要为文本添加下划线，我们需要使用CSS中的text-decoration属性。该属性接受以下值：

• underline: 添加下划线
• overline: 添加上划线
• line-through: 添加删除线
• none: 不添加文本修饰

下面是一个示例代码片段：

p {
  text-decoration: underline;
}

以上代码将在p元素中添加下划线。

自定义下划线样式

在text-decoration属性中，我们也可以使用其他值来自定义下划线的样式。这些值包括：

• text-decoration-color: 定义下划线的颜色
• text-decoration-style: 定义下划线的线条样式，如实线、虚线等
• text-decoration-thickness: 定义下划线的粗细程度

下面是一个自定义下划线样式的示例代码片段：

p {
  text-decoration: underline;
  text-decoration-color: red;
  text-decoration-style: dashed;
  text-decoration-thickness: 3px;
}

以上代码将在p元素中添加一个红色、虚线样式、3像素的下划线。

结语

文本修饰样式是CSS中非常基础而重要的一部分，能够提高对文本的可读性和识别性。我们可以通过text-decoration属性来轻松实现对文本的下划线、删除线等修饰样式。同时，通过自定义text-decoration属性中的其他属性，我们还可以进一步定制下划线的样式。