css盒子模型实验报告总结_CSS 盒子模型详解（二）

这篇继续接着上一篇来继续讲剩下盒子模型内容

一、margin 外边距

margin(外边距)属性定义元素周围的空间。设置外边距会在元素之间创建“空白”区域，定义了元素与其他相邻元素的距离， 这段空白通常不能放置其他内容。

margin 清除周围的（外边框）元素区域。margin 没有背景颜色，是完全透明的。

margin 可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。

margin-top: 上外边距;
margin-bottom: 下外边距;
margin-left: 左外边距;
margin-right: 右外边距;

margin: num num num num;  上 右 下 左

demo：

<style type="text/css"&