CSS 菜鸟教程

CSS 盒子模型

CSS3菜鸟教程

CSS 参考手册

CSS @规则(RULES)

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;}
测试看看‹/›

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

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

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

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

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