css 点击超级链接时，如何去掉周围的虚线框？

html-css011

css 点击超级链接时，如何去掉周围的虚线框？,第1张

a{ text-decoration:noneoutline:none}

a:active {star:expression(this.onFocus=this.blur())}

楼主啊 上面的两位写的都有点复杂

我这样写兼容火狐 IE

a里面的 “outline:none” 这句很重要，别落下了

以前我也是嫌虚线不好看 就到谷歌搜了很久才搜出来的

不信你可以试下要是可以望采纳

用一个时间的案例来说明吧

1    代码部分

<html>

   <title>北京传智播客</title>

<body>

    <a href="#">我要去除超链接下划线</a>

</body>

</html>

2 以上代码在浏览器显示的效果  ， 在浏览器段看到超链接是有下划线的，之后的操作咱们就是要去除下划线

3 去除下滑下 的代码  在a标签上 加上  style="text-decoration:none"

4  加上  style="text-decoration:none" 之后在页面上的显示效果 如下图

下划线就去掉了