下划线css

CSS中下划线的使用方式有以下几种：

1. 使用text-decoration属性:

在CSS中，可通过text-decoration属性添加下划线样式。可以将其应用于文本的各个部分，如单词、句子或文档的特定部分。下划线可以通过以下三种方式来实现：

（1）text-decoration: underline；

这行代码将在文本下面添加一个单线下划线。

例如：

```

这是一个带有下划线的段落。

```

（2）text-decoration: underline double；

这行代码将在文本下面添加一个双线下划线。

例如：

```

这是一个带有双下划线的段落。

```

（3）text-decoration: underline wavy；

这行代码将在文本下面添加一个波浪线下划线。

例如：

```

这是一个带有波浪线下划线的段落。

```

2. 使用border-bottom属性:

另一种添加下划线的方法是使用border-bottom属性，将其应用于文本的底部边框。这样可以更加灵活地控制下划线的样式、颜色和宽度。

例如：

```

这是一个带有下划线的段落。

```

可以通过修改1px、solid和black来改变下划线的样式、粗细和颜色。

3. 使用伪类选择器:

伪类选择器可以用来在某些条件下应用下划线样式，例如链接的状态。常见的伪类选择器有:hover（鼠标悬停状态）、:active（激活状态）和:focus（获取焦点状态）等。

例如：

```

这是一个没有下划线的链接。

这是一个带有下划线的链接。

这是一个没有下划线的链接。

这是一个带有下划线的链接。

```

以上代码中的***和第三个链接在任何状态下都没有下划线，在悬停和激活状态下也不会出现下划线。而第二和第四个链接在任何状态下都有下划线，包括悬停和激活状态。

总结：

上述是几种在CSS中使用下划线的方法。根据不同的需求和场景，可以选择适合的方法来添加下划线效果。可以使用text-decoration属性、border-bottom属性和伪类选择器等来实现下划线的样式，同时可以通过控制样式属性的值来修改下划线的粗细、颜色和样式。无论是单下划线、双下划线还是波浪线下划线，都可以通过合适的CSS样式实现。