CSS盒子外邊距是CSS中的一種常用屬性，它用于控制HTML元素之間的間距。在CSS中，每個(gè)HTML元素都被認(rèn)為是一個(gè)盒子。盒子由四個(gè)邊界圍起來：上邊界、下邊界、左邊界和右邊界。這四個(gè)邊界將元素從其他元素或頁面的邊界分開。 CSS外邊距（margin）屬性用于設(shè)置盒子的邊緣外部的區(qū)域大小。外邊距屬性允許我們調(diào)整HTML元素之間的間距和位置，使它們更美觀和易于閱讀。 在CSS中，外邊距屬性有四個(gè)值可以設(shè)置：上邊距（margin-top）、下邊距（margin-bottom）、左邊距（margin-left）和右邊距（margin-right）。每一個(gè)值都可以單獨(dú)設(shè)置，也可以同時(shí)為一個(gè)HTML元素設(shè)置多個(gè)外邊距值。 例如，下面的代碼將為一個(gè)HTML元素設(shè)置上下外邊距為20像素，左右外邊距為30像素：

.example {
margin: 20px 30px;
}

如果我們需要單獨(dú)為某個(gè)方向的外邊距設(shè)置數(shù)值，可以采用以下方式：

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

此時(shí)，上邊距為10像素，右邊距為20像素，下邊距為30像素，左邊距為40像素。如果我們將某個(gè)方向的外邊距值設(shè)置為0，則意味著這個(gè)方向不會有任何外邊距。 CSS外邊距屬性還支持負(fù)值。負(fù)的外邊距將會使HTML元素向與外邊距相反的方向移動(dòng)，縮小了與相鄰元素之間的距離。 在HTML中使用外邊距屬性時(shí)，必須謹(jǐn)慎地考慮它們的大小和位置。過大的外邊距可能會導(dǎo)致網(wǎng)頁不美觀，而過小的外邊距可能會不足以使網(wǎng)頁易于閱讀。因此，當(dāng)我們設(shè)計(jì)網(wǎng)頁時(shí)，外邊距屬性是非常重要的一種屬性，需要仔細(xì)考慮。