CSS margin padding

创建时间:2019.07.04 修改时间:2019.07.04

margin 间距(外边距)。marging 区域没有背景颜色,完全透明。

padding 填充(内边距)。padding 区域被元素背景填充。

可以单独设置元素的上、下、左、右边距,也可以统一设置。

<sytle>
p.margin
{
	margin-top:25px;
	margin-bottom:50px;
	margin-right:75px;
	margin-left:100px;

	padding-top:25px;
	padding-bottom:50px;
	padding-right:75px;
	padding-left:100px;
}
</sytle>

效果如下:

一个设置了外边距和内边距的段落。段落背景定义黄色。

margin 可简写为:

margin:25px 50px 75px 100px;

另有:

margin:25px 50px 75px;

margin:25px 50px;

margin:25px;

注:

1.padding 简写规则类似。

2.span 等内嵌元素只有左右边距属性,没有上下边距属性(一般用行间距控制上下间距)。

3. 左右边距属性值定义为 auto,则元素居中布置。