1.新建一个html文件,命名为test.html,用于讲解html5超链接下划线怎么去掉。
2.在test.html文件内,使用a标签创建一个链接,下面将使用css去掉该超链接的下划线。
3.在test.html文件内,给a标签添加一个class属性,属性值为ttlink。
4.在test.html文件内,编写标签,页面的css样式将写在该标签内。
在css标签内，通过class该超链接的样式，将text-decoration属性设置为none，实现去掉链接的下划线。
需要样式写不需要的就不用写，一般来说都有通用样式，比如你想去除a标签下的下划线，或是字体字号，可以统一在css 里面定义 a{ 样式}，然后被引用到此CSS的页面下所有a标签都直接被定义了，如需要另外定义，只需要另外加上ID 或是CLASS 定义即可。如果你是需要某个容器下的a所有标签被定义也可以写成 .XXX A{ 样式 } 这样某个容器下的a标签就都被定义了。
在html中调用css文件步骤如下：
1、首先，下载html5开发软件Intellij IDEA，这个直接在百度搜索框中搜索即可。
2、打开软件，点击file，选择New project，在弹出的对话框中，选择static web选项中的html5，点击next，在新对话框中，输入项目名称，点击finish。
3、新建一个文件，后缀为.css。
4、在body中添加一个元素h1，写上内容标题1，在css文件中设置标题1的颜色。
5、在html文件中，利用link标签，调用写好的css文件。
6、点击run，预览写好的效果。
