css去掉a标签点击后的虚线框

用css去掉a标签点击后的出现的虚线框。

方法一：

在a标签里加入js控制，当a标签被聚焦时，强制取消焦点，这时候a标签自然不会有虚线框。

<a href="#" onfocus="this.blur();">测试</a>

方法二：

a:focus {  
     outline:none;  
}

方法三：

在a标签里嵌套其他标签，比如span 或者var等，把内容放在被嵌套的标签里。这时候点击这个链接，聚焦的是a的子标签，自然不会聚焦在a标签上，所以也能避免这个问题。