如何为元素添加下划线？多种方法等你发掘！

4 min read

下面是几种常用的方式，可以给HTML元素加下划线：

1.使用CSS：可以使用CSS的border-bottom属性，设置下划线的样式，如下所示：

element-selector {
  border-bottom: 1px solid black;
}
  1. 使用文本装饰：可以在HTML标签中使用text-decoration属性，设置下划线的样式:
<element-selector style="text-decoration: underline">Some text</element-selector>
  1. 使用伪元素：可以使用CSS的伪元素::after来实现下划线，如下所示：
element-selector::after {
  content: "";
  display: block;
  border-bottom: 1px solid black;
}

注意，以上这些方式中，要将element-selector替换成要添加下划线的元素的实际选择器名称。