建站教程之html页面中给按钮链接删除下划线的方法

我们都知道HTML网页中，超链接都是带有下划线的，但是通过一些小技巧，我们可以将html超链接下划线隐藏掉。比如：

这将从所有链接中删除下划线：

这仅适用于那些特定链接，而所有其他链接均不受影响。

针对单一链接：

html

<a href="https://www.example.com" class="no-underline">Example</a>

但是，怎么可以按钮链接的下划线呢？

其实可以通过下面的办法将按钮的下划线隐藏掉：

方法1：

a.mainButton, a.mainButton:hover { text-decoration: none; }

方法2：

直接将下面的代码添加到a标签里面：

 style="text-decoration:none;"

我就忙了这么一小会，阿森纳就进2球了？哎呀，先写到这吧，看球去，嘿嘿嘿~