css3基础Margin（外边距）padding(外边距)

margin&＃xff1a;用来定义元素周围的空间。

margin清除周围的元素&＃xff08;外边框&＃xff09;的区域。margin没有背景颜色&＃xff0c;是完全透明的。

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

1 div{
2 margin-top:10px;
3 margin-buttom:10px;
4 margin-right:10px;
5 margin-left:10px;
6 }

/*表示上下为10px&＃xff0c;左右为25px*/

div{margin:10px 25px;
}
/*表示上边框为10px&＃xff0c;左右为25px 下边为30px*/
div{
margin:10px 25px 30px;
}

padding:

定义元素的边框与元素内容之间的空间。

1 div{
2 padding-top:10px;
3 padding-right:10px;
4 padding-buttom:10px;
5 padding-left:10px;
6 }