CSS樣式是網頁設計中不可或缺的一部分，它可以讓網頁變得更加美觀，同時也能提高網站的用戶體驗。其中，外邊距是CSS中一個非常重要的概念，下面就讓我們來了解一下外邊距是什么。

外邊距是指元素邊框與相鄰元素(如文本、圖片等)或父元素之間的距離。CSS中定義外邊距使用margin屬性，外邊距通常會影響元素的整體布局。

div {
margin: 10px;
}

如上所示，這段CSS代碼設置了div元素的外邊距為10px，這意味著div元素的四周會有10px的空白區域。如果需要分別設置上、下、左、右四個方向的外邊距，可以使用margin-top、margin-bottom、margin-left、margin-right屬性。

div {
margin-top: 10px;
margin-bottom: 20px;
margin-left: 30px;
margin-right: 40px;
}

如上代碼所示，這將會把div元素的上外邊距設置為10px，下外邊距設置為20px，左外邊距設置為30px，右外邊距設置為40px。

總的來說，外邊距是CSS中一個非常重要的概念，它可以影響整個網頁的布局。在設計網頁時，合理設置外邊距能夠讓網頁更加美觀、整潔。因此，我們需要深入學習外邊距的使用規則，以便靈活地進行網頁設計。