边距清除边框周围的区域,将其与其他框分开。
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;}测试看看‹/›
该速记符号可以采用一个,两个,三个或四个空格分隔的值。
如果设置一个值,则将其应用于所有四个侧面。
如果指定了两个值,则第一个值将应用于顶部和底部,第二个值将应用于右侧和左侧。
如果指定了三个值,则第一个值应用于顶部,第二个值应用于左侧和右侧,最后一个值应用于底部。
如果指定了四个值,则将它们分别以指定的顺序应用于顶部,右侧,底部和左侧。