在css中，可以通过text-decoration属性的设置，实现去掉链接的下划线。下面小编举例讲解html5超链接下划线怎么去掉。工具/原料morehtml+css代码编辑器：zend studio 10.0 方法/步骤1/6分步阅读

新建一个html文件，命名为test.html，用于讲解html5超链接下划线怎么去掉。

2/6

在test.html文件内，使用a标签创建一个链接，下面将使用css去掉该超链接的下划线。

3/6

在test.html文件内，给a标签添加一个class属性，属性值为ttlink。

4/6

在test.html文件内，编写style type=text/css/style标签，页面的css样式将写在该标签内。

5/6

在css标签内，通过class该超链接的样式，将text-decoration属性设置为none，实现去掉链接的下划线。

6/6

在浏览器打开test.html文件，查看实现的效果。

总结：1/1

1、使用a标签创建一个链接，给a标签添加一个class属性。

2、在css标签内，通过class该超链接的样式，将text-decoration属性设置为none，实现去掉链接的下划线。