在網頁設計中，我們經常需要調整元素的外邊距（margin），使得頁面顯示更加美觀、合理。下面就讓我們來學習一下如何使用CSS調整外邊距。

在CSS中，外邊距可以通過margin屬性來控制。它可以接受4個值，分別對應上、右、下、左四個方向，如下所示：

.box {
margin: 上 右 下 左;
}

例如我們想要讓一個div元素上下外邊距都為20px，左右外邊距都為10px，就可以這樣寫：

.div {
margin: 20px 10px;
}

當然，也可以只設定其中某一個方向的外邊距，比如只調整上邊距：

.div {
margin-top: 20px;
}

如果你想讓多個元素之間都有一定的間隔，可以將他們的外邊距設為相同的值。比如：

.box1, .box2, .box3 {
margin-bottom: 20px;
}

另外，還有一個比較常用的方法是使用auto來調整外邊距，這樣可以讓元素在其所在的容器中水平垂直居中。如下所示：

.box {
width: 200px;
height: 200px;
margin: auto;
}

這樣寫之后，我們的.box元素就會在它的容器中水平垂直居中了。

熟練掌握CSS調整外邊距的方法，可以讓你在網頁設計中更加得心應手。