border:none与border:0的区别主要有两点：（1）性能上的差异。（2）浏览器兼容差异。
1.性能上的差异
（1）border:0。将border属性设成0，虽然边框不见了，但是浏览器依然会对border-width和border-color进行渲染，会占用浏览器的资源。 （2）border:none。将border设置成none，浏览器就不会做出渲染动作。 2.兼容性差异
在IE6和IE7中，将border设成0和将border设成none对于input标签和button标签是不一样的。 （1）将border设成0，对于所有的浏览器效果都一样。代码如下：
鬼眼邪神的博客 - 锐客网
input,button {
border:0;
}
显示效果如下所示：
文章图片
（2）将border设成none。在IE6、7中无效，在其它浏览器中有效。代码如下所示：
鬼眼邪神的博客 - 锐客网
input,button {
border:none;
}
在IE6、7中的显示效果：
文章图片
如果想在使用border:none的同时兼容所有的浏览器，只需要加上background属性即可。
