Heim > Artikel > Web-Frontend > border:0和border:none的区别是什么_html/css_WEB-ITnose
border:0和border:none的区别是什么_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:41:191371Durchsuche
border:0和border:none的区别是什么:
将对象的的边框设置border:0和border:none的效果是一样的，都可以将边框取消，代码实例如下:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">div{ width:200px; height:200px; border:2px solid red; border-bottom:none; border-left:0;}</style></head><body><div></div></body></html> 以上代码的运行可以看出，通过将边框设置为0或者none都可以取消边框，从外观上两者是一样的，但是还是有很大不同。border:0可以将边框的宽度设置为零，尽管视觉上看不到了，但是浏览器还是会渲染的，border:none直接是没有边框，浏览器不会去渲染。所以说设置为none执行效果稍高一些，当然这个差距基本忽略不计。
原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0501/508.html
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：CSS如何实现文字竖排效果Nächster Artikel：CSS3动画遮罩文字特效_html/css_WEB-ITnose