CSS Margin(外边距)

边距清除边框周围的区域，将其与其他框分开。

CSS外边距属性

CSS边距属性使您可以设置元素框两侧的边距。边距没有background-color，它是完全透明的。

设置各个边的边距

您可以使用CSS个别margin属性轻松地为元素的不同侧（例如，顶部，右侧，底部或左侧）指定不同的外边距。

h1 {margin-bottom: 20px;}
p {margin-left: 10px;margin-right: 30px;}

速记简写边距属性

margin属性是一个简写速记属性，以避免单独设定各个外边距：margin-top，margin-right，margin-bottom和margin-left。

h1 { margin: 0 10px;}
p {margin: 25px 50px 75px 100px;}

该速记符号可以采用一个，两个，三个或四个空格分隔的值。

• 如果设置一个值，则将其应用于所有四个侧面。

• 如果指定了两个值，则第一个值将应用于顶部和底部，第二个值将应用于右侧和左侧。

• 如果指定了三个值，则第一个值应用于顶部，第二个值应用于左侧和右侧，最后一个值应用于底部。

• 如果指定了四个值，则将它们分别以指定的顺序应用于顶部，右侧，底部和左侧。