border:0和boder:none区别

设置无边框的时候是使用“border：0”还是“border：none”呢，他们有什么区别呢？

要解释区别，首先得先介绍一下border这个属性。（点击跳转）

1 . 性能差异

border:0把border设为0，在页面上看不见，但按border默认值理解（见以上链接），浏览器依然对

border-width/border-color进行了渲染，即占用了内存值。

border：none 把border设为none,即没有边框，浏览器解析none时不做渲染动作，即不消耗内存 

2 . 兼容性差异

 兼容性差异只针对浏览器IE6、IE7与标签button、input而言，在WIN、WIN7、vista的XP主题下均会出现此

情况。【border：none】当border为none时似乎对IE6/7无效边框依然存在，【border：0】时，感觉比

“none”更有效，所有浏览器一致把边框隐藏。

3 . 总结：

区别主要在于有无渲染，感觉类似于display:none和visibility：hidden的关系，要使border：none实现全兼容须在同一选择符上加背景。