CSS中的外邊距是一種非常重要的屬性，它可以決定元素與其他元素之間的距離。在頁面布局中，外邊距一般用來控制元素與頁面邊緣、其他元素的距離。 在CSS中，設置外邊距可以使用margin屬性。margin屬性可以有4個值，分別對應元素的上、右、下、左四個方向的外邊距，如下所示：

p {
margin: 上外邊距 右外邊距 下外邊距 左外邊距;
}

上外邊距和下外邊距可以使用以下單位： - px：像素； - em：相對于元素字體大小的單位； - %：相對于元素父元素寬度的百分比。 左外邊距和右外邊距可以使用上述單位，也可以使用以下單位： - auto：自動計算； - inherit：繼承父元素外邊距。 以下是一些示例代碼，展示如何設置外邊距：

p {
margin: 10px; /* 上下左右外邊距都為10像素 */
}
p {
margin: 10px 20px; /* 上下外邊距為10像素，左右外邊距為20像素 */
}
p {
margin: 10px 20px 30px; /* 上外邊距為10像素，左右外邊距為20像素，下外邊距為30像素 */
}
p {
margin: 10px 20px 30px 40px; /* 上外邊距為10像素，右外邊距為20像素，下外邊距為30像素，左外邊距為40像素 */
}
p {
margin-top: 10px;
margin-right: 20px;
margin-bottom: 30px;
margin-left: 40px;
}

總之，外邊距是CSS布局中非常重要的一個屬性，通過控制元素之間的距離，可以實現各種各樣的頁面布局效果。