CSS中border,padding,margin的区别

分享此篇文章到

border、padding、margin是CSS中非常重要的三个属性,几乎可以运用在每一个HTML元素上。

三个元素从里到外的顺序应该是padding、border、margin,具体如下:

每个元素内容都可以有自己的描边,而这个描边的属性就是border。可以通过border属性对元素内容的描边进行各种设置,如粗细、样式、颜色等。

元素内容与描边之间的距离是由padding决定的。与border类似,padding也可以有自己的粗细、样式和颜色。

元素与元素之间的距离是由margin决定的。其用法与border和padding类似。

这里需要特别注意的是,对于border而言,每个浏览器的支持和解析方式是基本相同的。而对于margin和padding而言,每个浏览器的解析方式是不同的。即使是IE的不同版本间解析方式也不尽相同,需要依靠浏览器兼容手段进行具体的调整。

*荣友科技版权所有,转载请注明出处*

资讯信息

发布时间:2011-03-22 12:57:04
文章来源:荣友科技
文章作者:网站管理员

如果您对文章内容有任何疑问,请通过电子邮件mail@royotech.com联系我们