在CSS（层叠样式表）中，`margin-top` 属性用于设置一个元素的上外边距。这个属性指定了元素的上边缘与其周围元素之间的空间距离。这是一种常见的布局技术，用于调整元素在页面上的位置。
这是一个简单的例子来说明如何使用 `margin-top`：
```css
div {
margin-top: 20px; /* 设置上外边距为 20 像素 */
}
```
在这个例子中，`div` 元素的上边缘将会与页面或其他元素之间有 20 像素的空间。这是设置页面元素间距的一个简单且直接的方法。当多个元素在同一垂直方向上排列时，每个元素的 `margin-top` 会累积，从而创建更大的间距。
值得注意的是，`margin-top` 可以接受各种不同类型的值，包括长度（如像素、厘米等）、百分比值，或者是相对的值（如 `auto` 来自动计算外边距）。同时，它也支持透明（transparent）值和全局值（如 `inherit`）。使用这些值时，需要确保它们适用于你的布局和设计需求。