margin 属性的值可以是一个、两个、三个或四个值的组合，分别表示上、右、下、左方向的外边距。下面是一些常见的用法：
四个值的组合：
.element {
margin: 10px 20px 15px 5px; /* 上右下左，顺时针顺序 */
}
三个值的组合：
.element {
margin: 10px 20px 15px; /* 上右下，左与右相同 */
}
两个值的组合：
.element {
margin: 10px 20px; /* 上下相同，左右相同 */
}
一个值的情况：
.element {
margin: 10px; /* 上右下左都相同 */
}
使用百分比值：
.element {
margin: 5%; /* 可以使用百分比值 */
}
自动外边距：
.element {
margin: auto; /* 用于水平居中元素 */
}
使用 margin 属性时，你可以根据需要为元素的不同方向设置不同的外边距值。此外，使用 auto 值可以用于在水平方向上实现元素的居中效果。
请注意，负值也是合法的，可以用于将元素的外边距收缩到其框定的区域内。
转载请注明出处：http://www.zyzy.cn/article/detail/6094/CSS