border:0和boder:none区别

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

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

• 性能差异

• border:0 把border设为0，在页面上看不见，但按border默认值理解（见以上链接），浏览器依然对border-width/border-color进行了渲染，即占用了内存值。    border：none 把border设为none,即没有边框，浏览器解析none时不做渲染动作，即不消耗内存

  
  
• 兼容性差异

  兼容性差异只针对浏览器IE6、IE7与标签button、input而言，在WIN、WIN7、vista的XP主题下均会出现此情况。
  【border：none】当border为none时似乎对IE6/7无效边框依然存在，【border：0】时，感觉比“none”更有效，所有浏览器一致把边框隐藏。

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