导读：操作步骤/方法1先说说a标签的默认外观；在浏览器中，a标签超链接总有三种外观；2第一种，默认的“蓝色+下划线”外观，表示“未被访问的链接”，就是此链接没有被点击过，如图所示；3第二种，默认的“紫色+下划线”外观，表示“已被访问的链接”，就是此链接已被点击过，如图所示；4第三种，默认的“红色+下划线”外观，表示“活动链接”，就是鼠标移到链接上的时候展示出来的颜色，如图所示；5想要去掉上述所提到的下划...
操作步骤/方法
1
先说说a标签的默认外观；在浏览器中，a标签超链接总有三种外观；
2
第一种，默认的“蓝色+下划线”外观，表示“未被访问的链接”，就是此链接没有被点击过，如图所示；
3
第二种，默认的“紫色+下划线”外观，表示“已被访问的链接”，就是此链接已被点击过，如图所示；
4
第三种，默认的“红色+下划线”外观，表示“活动链接”，就是鼠标移到链接上的时候展示出来的颜色，如图所示；
5
想要去掉上述所提到的下划线，当然就需要去除a标签默认的样式了；
6
我们可以这么做：
7
一，在head头部里面写样式，a{text-decoration:none;
8
如图所示；
9
二或在a标签内联里面写style="text-decoration:none;"；如图所示；
10
再回头看看页面展示；如图所示；下划线没有了！大功告成~~~
11
延伸一下，其他几种外观，对应的设置不一样的伪类样式就可以啦。比如a:visited{text-decoration:none;}等等。
12
再延伸一下，现在有些网页直接把链接做成按钮的形式了，于是我们可以把a标签改写成块元素，在style加上“display：block”,然后设置其他样式属性就可以了；
END
以上就是小编为大家介绍的a标签如何去掉下划线的全部内容，如果大家还对相关的内容感兴趣，请持续关注上海建站网！
标签：
内容声明：网站所展示的内容均由第三方用户投稿提供，内容的真实性、准确性和合法性均由发布用户负责。上海建站网对此不承担任何相关连带责任。上海建站网遵循相关法律法规严格审核相关关内容，如您发现页面有任何违法或侵权信息，欢迎向网站举报并提供有效线索，我们将认真核查、及时处理。感谢您的参与和支持！
