写html超链接的时候，超链接总是自带下划线，如果不需要下划线，我们需要将其去掉，下面我们就来说一下怎么去掉下划线。

我们在使用超链接的时候，下划线总是伴随着出现，从视觉上来说有着下划线的a标签总是感觉很奇怪，而且在某些需求中，也不需要下划线的出现，所以就会问了，有没有什么方法让下划线不出现呢？答案是：有的。

我们首先来看一下有下划线的a标签。

这是没有去掉下划线的，是大家最熟悉的a标签。接下来让我们看看去掉下划线的a标签。

从图上可以看出，加上一行text-decoration:none;代码之后，超链接就没有下划线了。

因为text-decoration规定给文本添加上划线，下划线或者删除线，当属性值为none时，表示文本没有装饰，所以加上这行代码之后，a标签就没有文本装饰了。

是不是特别的简单，如果想给指定超链接去掉下划线，只需要在a标签里使用行内样式就可以了。

推荐学习：CSS3视频教程

我们在HTML网页制作过程中，相信大家对css文本超链接这个概念并不陌生。我们都知道想要给某段文本或者指定元素添加一个锚点也就是超链接需要用到HTML中的a标签。

那么有的新手可能就会发现，在使用a标签时文本超链接会自动出现下划线！从视觉美观上来说枯燥单调的文本超链接显示显然并不好看。那么该如何去掉a标签的下划线呢？下面我们来看一下css去掉a标签下划线的方法。

本篇文章就给大家详细讲讲怎么去掉css a标签超链接下划线。

一段HTML a标签示例代码如下：

请看我这个超链接是不是有下划线！

效果如下：

如图，大家是不是可以看到熟悉的下划线！那么下面我们在css中添加一个style样式属性！

a{

text-decoration: none;

}

大家再看我还有没有下划线了！

效果如下：

从图上可以发现，此时文本超链接下划线是不是已经去掉了？这个效果实现是不是非常简单呢？大家主要掌握一个样式属性就是text-decoration: none;这个属性。给对应的a标签文本添加这个属性就可以去除文本超链接下划线了。