1、使用CSS样式取消页面上的横线

页面上的横线常常是指超链接默认的下划线。如果想要取消这些横线，可以通过CSS样式来实现。具体来说，可以在CSS文件中设置a标签的text-decoration属性为none，如下：

a {text-decoration:none;}

这样，页面中所有的超链接都将不再显示下划线。

2、使用HTML标签取消超链接下划线

如果只想对一部分超链接取消下划线，可以在HTML中直接添加style属性，如下：

<a href="#">链接

这样，该链接就不会有下划线了。

3、使用JavaScript动态取消超链接下划线

如果想要在特定情况下动态地取消超链接下划线，可以结合JavaScript使用。具体来说，可以通过JS代码获取到a标签元素，然后设置其style属性中的text-decoration为none，如下：

var links = document.getElementsByTagName("a");
for(var i = 0; i < links.length; i++) {
    links[i].style.textDecoration = "none";
}

这个代码会获取到页面上所有的a标签，然后取消它们的下划线。

4、使用图片代替超链接取消下划线

有时候，我们也可以使用图片替代超链接，达到取消下划线的效果。具体来说，可以将超链接文本放在一个图片中，并将a标签的text-indent设置为一个较大的负值，如下：

<a href="#">链接

这样，虽然链接文本被隐藏了，但是链接仍然是可点击的，并且没有下划线。