CSS盒子模型

目录

 一.margin外边距

二.padding内填充

---

CSS盒模型详解（图文教程） - 千古壹号 - 博客园

• margin: 用于控制元素与元素之间的距离；margin的最基本用途就是控制元素周围空间的间隔，从视觉角度上达到相互隔开的目的。
• padding: 用于控制内容与边框之间的距离；
• Border(边框): 围绕在内边距和内容外的边框。
• Content(内容): 盒子的内容，显示文本和图像。

 一.margin外边距

.margin-test {
margin-top:5px;
margin-right:10px;
margin-bottom:15px;
margin-left:20px;
}

推荐使用简写：

margin: 5px 10px 15px 20px;