1.新建一个html文件,命名为test.html,用于讲解html5超链接下划线怎么去掉。
2.在test.html文件内,使用a标签创建一个链接,下面将使用css去掉该超链接的下划线。
3.在test.html文件内,给a标签添加一个class属性,属性值为ttlink。
4.在test.html文件内,编写< style type=”text/css”> < /style> 标签,页面的css样式将写在该标签内。
5.在css标签内,通过class该超链接的样式,将text-decoration属性设置为none,实现去掉链接的下划线。
6.在浏览器打开test.html文件,查看实现的效果。
可能是你的a标签继承了父级的属性,解决方法是给对应的a标签定义一个类,用类再修改font-size属性。或者给对应的a标签直接加入< astyle=”color:#666; font-size:12px; “> < /a>
a:active:激活时(链接获得焦点时)链接的颜色 ,如 .mycls a:active{ color:blue}