如何使用 CSS 改变下划线样式

要改变下划线样式，可以使用 CSS 的 text-decoration 属性。下面是一些常见的下划线样式示例：

1. 实线下划线：

.text-underline {
  text-decoration: underline;
}

2. 虚线下划线：

.text-underline {
  text-decoration: underline dotted;
}

3. 双线下划线：

.text-underline {
  text-decoration: underline double;
}

4. 波浪线下划线：

.text-underline {
  text-decoration: underline wavy;
}

5. 去除下划线：

.text-underline {
  text-decoration: none;
}

你可以将这些样式应用到你需要改变下划线样式的元素上，例如给一个 span 元素添加一个类名为 'text-underline' 的样式。