border:0和border:none的区别是什么_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:41:19
Original
1437 Leute haben es durchsucht

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>
Nach dem Login kopieren

以上代码的运行可以看出,通过将边框设置为0或者none都可以取消边框,从外观上两者是一样的,但是还是有很大不同。border:0可以将边框的宽度设置为零,尽管视觉上看不到了,但是浏览器还是会渲染的,border:none直接是没有边框,浏览器不会去渲染。所以说设置为none执行效果稍高一些,当然这个差距基本忽略不计。

原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0501/508.html

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage