CSS———外边距（margin）、内边距（padding）

margin(外边距)

margin的作用

• margin 清除周围的（外边框）元素区域。
• margin 没有背景颜色，是完全透明的。
• margin可以用于元素之间的布局。

margin的使用

1. margin: 上边距离 右边距离 下边距离 右边距离
2. 简写
   margin:25px 50px 75px 100px;

• 上边距为25px
• 右边距为50px
• 下边距为75px
• 左边距为100px

margin:25px 50px 75px;

• 上边距为25px
• 左右边距为50px
• 下边距为75px

margin:25px 50px;

• 上下边距为25px
• 左右边距为50px

margin:25px;

• 所有的4个边距都是25px

margin-top:100px;/*上边距*/
margin-bottom:100px;/*下边距*/
margin-right:50px;/*右边距*/
margin-left:50px;/*左边距*/

边距取值可以为指定像素距离（px），也可以使用百分比