【原文链接：https://www.cnblogs.com/linjiqin/p/3556497.html】
图解CSS padding、margin、border属性
W3C组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域：内容(content)、内边距(padding)、边框(border)和外边距(margin)。
margin：层的边框以外留的空白 padding：层的边框到层的内容之间的空白 border：边框 content：内容
立体图如下:
平面图如下:
当上下、左右margin值分别一致, 可简写为:
margin: 40px 40px;
前一个40px代表上下margin值，后一个40px代表左右margin值。
当上下左右margin值均一致，可简写为:
margin: 40px;
详细说明如下：
如果只提供一个，将用于全部的四条边；
如果提供两个，第一个用于上－下，第二个用于左－右；
如果提供三个，第一个用于上，第二个用于左－右，第三个用于下；
如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。