outline

a标签 两种button按钮  默认带有一个虚线 outline  当他们被单击 和 激活以后

 

outline和border 很类似 ，但是有不同

1、outline 不能针对特定的边赋值 ，也就是没有 border-left 这种

2、在盒子模型中没有outline，所以当你添加和去除这个属性不会改变布局（就是不会引起元素布局变动）

a{outline:4px solid red;}
a:hover{outline:none;}

<a href="#">aaaaa</a><a href="#">bbbbb</a><a href="#">ccccc</a> 

 

去除：

outline:none  或者  outline:0; 后者消耗熏染多点？ 

但是如果这样写 a{ outline:none;}   之后，喜欢用键盘的人按  tab 就看不到选中哪个了