Margin、Border、Padding属性有什么区别和联系

这篇文章主要介绍了Margin、Border、Padding属性有什么区别和联系，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

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

三个元素的含义：

Margin属性

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

Border属性

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

Padding属性

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

感谢你能够认真阅读完这篇文章，希望小编分享的“Margin、Border、Padding属性有什么区别和联系”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!