Margin、Border、Padding属性的区别和联系

你对DIV+CSS中Margin属性、Border属性、Padding属性的区别和联系是否了解，这里和大家分享一下，希望本文介绍对你有所帮助。

目前创新互联已为近1000家的企业提供了网站建设、域名、虚拟空间、网站托管、企业网站设计、佳木斯网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

Margin属性、Border属性、Padding属性三者的联系与区别

三个元素的含义：

Margin属性

检索或设置对象四边的外延边距。如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。如果只提供一个，将用于全部的四边。如果提供两个，***个用于上、下，第二个用于左、右。如果提供三个，***个用于上，第二个用于左、右，第三个用于下。内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

Border属性

内容的边框；border-color的默认值将采用文本颜色。要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

Padding属性

检索或设置对象四边的补丁边距。如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。如果只提供一个，将用于全部的四条边。如果提供两个，***个用于上、下，第二个用于左、右。如果提供三个，***个用于上，第二个用于左、右，第三个用于下。内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。不允许负值。

记住这张图，这三者的关系相信你就不会忘了。

【编辑推荐】

1. IE6不支持的五大CSS选择符
2. 实例解析CSS padding 属性用法
3. DIV+CSS网页布局中margin优化的一种思路
4. DIV+CSS开发Xhtml网页对SEO优化的影响
5. DIV CSS网页布局中对段落进行排版的方法

文章标题：Margin、Border、Padding属性的区别和联系
文章出自：http://www.csdahua.cn/qtweb/news2/547102.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网