css 取消a标签横线

问题

如何取消a标签下的横线？

解答

当我们在HTML中使用<a>标签创建链接时，浏览器默认会显示下划线来表示链接文本。有时我们希望取消该下划线以美化页面，这就涉及到取消a标签下的横线的问题。

在CSS中，我们可以通过几种方式来实现取消a标签横线的效果：

方法一：使用text-decoration属性

最简单的方法是使用CSS的text-decoration属性，并将其值设置为none，示例代码如下：

a {
  text-decoration: none;
}

这将取消a标签下的所有装饰效果，包括横线和其他效果。

方法二：使用border-bottom属性

另一种方法是使用CSS的border-bottom属性，并将其值设置为none，示例代码如下：

a {
  border-bottom: none;
}

这将取消a标签下的底部边框线，即取消下划线效果。

总结

通过上述两种方法，我们可以很容易地取消a标签下的横线效果，以达到美化页面的目的。选择哪种方法取决于具体需求，如果需要同时取消其他装饰效果，则可以使用text-decoration属性，如果只需要取消下划线效果，则可以使用border-bottom属性。