首页 > 代码库 > css3基础--Margin(外边距)&&padding(外边距)

css3基础--Margin(外边距)&&padding(外边距)

margin:用来定义元素周围的空间。

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

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

1 div{2     margin-top:10px;3     margin-buttom:10px;4     margin-right:10px;5     margin-left:10px;6 }
/*表示上下为10px,左右为25px*/

div
{ margin:10px 25px;}
/*表示上边框为10px,左右为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 }

css3基础--Margin(外边距)&&padding(外边距)