{
margin-top: 10px; /* 上外边距 */
margin-right: 20px; /* 右外边距 */
margin-bottom: 30px; /* 下外边距 */
margin-left: 40px; /* 左外边距 */
}这四个属性可以用特定数值、百分比或auto来设置。数值表示像素值，百分比表示相对于包含元素宽度的百分比值。设置为auto，则会根据上下文自动计算。通常情况下，大家只需要设置margin-top和margin-left即可，因为大多数布局都是基于左上角的。
外边距还有一个特殊的用法，称为margin-collapse，即当相邻两个元素的外边距相遇时，只取两者之间最大值，而不是简单相加。这种情况下，元素的外边距会发生“合并”，通常会使得元素之间的距离比大家预期的更小。为了避免这种情况，大家可以使用padding或border属性在元素之间创建空隙。
总体来说，外边距是CSS中常用的控制元素间距的方式，大家可以利用它来实现各种复杂的布局。同时，大家也需要注意在较为特殊的情况下会发生的margin-collapse现象，以免造成意想不到的间距问题。