去除网页上图片的虚框和a文字链接上的虚框

以前写样式去除a的链接虚框线我一般用a{ outline:none;}，最近看到一篇关于讲这方面知识的文章发现设置

a{outline:none;}虽然可以去除点击时留下的外框，但同时也扼杀了键盘操作focus时留下的虚框，用a{outline:none;}

虽是简单的方法但也带来了许多的不便，所以一般的设置方法是:active{outline:none;}和在a标签里面加上<a href="#" hidefocus="true">链接</a>

（解决ie6/7里面出现的虚框 线，不过最好不用），要是要更完美点给hover加上样式，如:active,:hover{outline:none;};