快速教你怎么隐藏HTML链接的下划线和蓝色

我们很多时候可能会有以下链接跳转书写

<a href="./test.html">前往测试页面</a>

这种书写虽然没错，但是字体会被改成很烦人的蓝色与下划线的样式。

去除方式是添加style属性。

代码改成

<a href="./test.html" style="text-decoration: none; color: inherit;">前往测试页面</a>

以上是在单个文本中修改的方法。

---

现在开始教学如何在多个链接上应用相同的样式。

内部样式表修改

<style>
    a {
        text-decoration: none;
        color: inherit;
    }
</style>

<a href="./old_index/">回到旧版主页</a>

外部样式表修改

a {
    text-decoration: none;
    color: inherit;
}

这样可以在多个文本上应用，而不是单个文本修改。

当然，如果你需要给特定的多个文本修改只需要设置class即可，较为简单，不做叙述。