如何显示没有下划线的超链接?

在HTML中，超链接默认是带有下划线的。但是有时候我们可能会需要没有下划线的超链接，比如在设计一些特殊的页面时。下面介绍几种方法来实现没有下划线的超链接。

1. 使用CSS样式

<a href="#" style="text-decoration:none;">没有下划线的超链接</a>

其中，text-decoration:none;是CSS样式的一种，表示去除下划线。但这种方法使用频率不高，一般情况下我们都会把CSS样式写在对应的CSS文件中。

`<a href="#" style="text-decoration:none;">没有下划线的超链接</a>`  # 代码片段

2. 修改CSS文件

一般情况下我们都是把CSS样式写在对应的CSS文件中，这样就可以在需要的地方引用了。我们可以对超链接标签a应用一个CSS规则，去掉它的下划线样式。

a {
  text-decoration: none;
}

a { text-decoration: none; }``` # 代码片段

## 3. 特定超链接不加下划线

我们也可以对某个特定的超链接，仅仅去掉它的下滑线样式。比如：

没有下划线的超链接

对其应用特定的CSS规则：

.no-underline { text-decoration: none; }

```markdown
`<a href="#" class="no-underline">没有下划线的超链接</a>` 

.no-underline { text-decoration: none; }``` # 代码片段

这种方法能够增加一些灵活度，同时避免对所有超链接都生效，我们可以对某一特定超链接生效。

以上3种方法可以实现没有下划线的超链接，根据实际需要选择其中之一即可。