CSS中，距離外邊框的設置非常重要。這個距離有時候被稱為外邊距、外邊緣或者外邊框。需要注意的是，外邊距并不包含邊框或者內容區域，而是指距離另一個元素的距離。

/* 設置外邊距 */
margin-top: 10px; /* 上邊距離為10像素 */
margin-bottom: 10px; /* 下邊距離為10像素 */
margin-left: 20px; /* 左邊距離為20像素 */
margin-right: 20px; /* 右邊距離為20像素 */
/* 設置不同方向的外邊距 */
margin: 10px 20px 30px 40px; /* 上、右、下和左（按順時針方向）分別為10px、20px、30px和40px */
margin: 10px 20px; /* 上、下和左、右分別為10px和20px，其余兩邊不設置 */

在一些情況下，外邊距會出現一些問題。例如，當兩個元素相鄰時，它們的外邊距可能會重疊，導致兩個元素之間的距離變小，也稱為折疊外邊距。其他的情況下，外邊距可能會擴展到元素的父元素外部，導致父元素的大小變大。

聚焦于外邊距并正確使用它是CSS設計中的重要組成部分。理解如何設置外邊距，并查看它們是如何作用于元素的，是建立優美頁面的關鍵。