怎样在鼠标悬停在各个链接上时设置“下划线”

在CSS中，我们可以使用:hover伪类选择器来设置鼠标悬停时链接的样式，包括下划线。以下是一个示例代码：

HTML代码：

<a href="#" class="underline">链接1</a>
<a href="#" class="underline">链接2</a>
<a href="#" class="underline">链接3</a>

CSS代码：

.underline {
  text-decoration: none; /* 移除默认的下划线 */
}

.underline:hover {
  text-decoration: underline; /* 鼠标悬停时添加下划线 */
}

在上面的示例中，我们首先为所有的链接元素添加了一个类名"underline"，然后在CSS中使用这个类名来选择这些链接。在.underline选择器中，我们使用text-decoration属性移除了链接的默认下划线。在.underline:hover选择器中，我们使用text-decoration属性为鼠标悬停时的链接添加了下划线。

当鼠标悬停在任何一个链接上时，都会显示下划线。