悬停时显示下划线的文本 - CSS

在某些设计中，我们可能需要让鼠标悬停在一个文本上时，这个文本能够显示下划线。这可以通过 CSS 来实现。

a:hover {
  text-decoration: underline;
}

在上面的代码中，我们使用了 hover 伪类，表示鼠标悬停在指定元素上时的样式。text-decoration 属性用于设置文本修饰，将其设置为 underline 即可让文本显示下划线。

如果你想针对某个特定的元素添加下划线，只需要将上面的代码中的 a 替换为该元素的标签名或类或 ID 选择器即可。

例如，假设我们有一个类名为 underline-on-hover 的元素，我们可以这样添加 CSS 规则：

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

上面的代码中，我们使用了类选择器 .underline-on-hover，表示选中所有具有这个类名的元素，并为这些元素设置悬停时显示下划线的样式。

除了下划线，我们还可以使用其他文本修饰，例如删除线和波浪线等。只需要将 text-decoration 属性的值设置为 line-through 或 wavy 即可。

以上就是关于如何使用 CSS 让文本在悬停时显示下划线的介绍。