outline

outline控制的到底是什么呢？ 当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框{虚线框（outline）给键盘导航带来便利}

，这个框不同于border的是，它是不占有任何宽度的。

当你取消焦点的时候，这个虚线框就会自然消失。你可以通过遨游、火狐或者ie的几个版本看到。而safari、opera、goole浏览器等本身就不支持这个效果，所以看不到。

chrome浏览器下，链接获取焦点是的轮廓框是羽化的实线，呈暗淡的橙色.

大多数情况下我们会希望不要出现这种效果，于是给a标签设置outline:none;或者 outline:0

很遗憾的是，ie6、7和遨游浏览器里都不能实现，只有ff,ie8在加了outline:none后会取消聚焦的虚线框。

同时设置a{outline:none;}虽然可以去除点击时留下的外框，也扼杀了键盘操作focus时留下的虚框，会使键盘使用者迷茫与网页中（PPS的在线播放电影，连续剧看完后，怎么判断看到哪，就是靠页面上还留有的虚线框来判断）