CSS样式属性margin,padding详解

盒模型基本属性有两个：padding和margin。

以边框border为界，边框里面是内边距，边框外面是外边距。

一.外边距margin：

外边距是指边框以外与其他同级元素之间的距离，外边距可以控制同级元素之间的距离( 用于设置同级标签的间距)。
1.margin的复合式写法：

margin：10px；（表示元素上下左右外边距都是10px）

margin：10px 10px；（表示元素上下外边距是10px，左右外边距是10px）

margin：10px 10px 10px；（表示元素上外边距是10px，左右外边距是10px，下外边距是10px）

margin：10px 10px 10px 10px；（表示元素上外边距是10px，右外边距是10px，下外

边距是10px，左外边距是10px）
2.margin的分开式写法：

margin-top: 10px;（表示元素上外边距是10px）

margin-right: 10px;（表示元素右外边距是10px）

margin-bottom: 10px;（表示元素下外边距是10px）

margin-left: 10px;&#x