CSS是一種非常強(qiáng)大的網(wǎng)頁(yè)樣式表語(yǔ)言，其中外邊距是其中的關(guān)鍵概念之一。外邊距可以用來(lái)改變?cè)卦陧?yè)面中的位置和間距。在CSS中，我們可以通過(guò)外邊距屬性來(lái)控制元素的外邊距，有時(shí)我們也稱之為外補(bǔ)丁。

.element {
margin-top: 10px; /* 定義元素上方的外邊距為10像素 */
margin-right: 20px; /* 定義元素右側(cè)的外邊距為20像素 */
margin-bottom: 30px; /* 定義元素下方的外邊距為30像素 */
margin-left: 40px; /* 定義元素左側(cè)的外邊距為40像素 */
}

上面的代碼演示了如何使用CSS外邊距屬性來(lái)定義元素的外邊距。這里的四個(gè)屬性（margin-top、margin-right、margin-bottom、margin-left）可以單獨(dú)定義元素的上、右、下、左四個(gè)方向的外邊距。當(dāng)我們希望統(tǒng)一定義整個(gè)元素的外邊距時(shí)，我們還可以使用margin屬性來(lái)實(shí)現(xiàn)。

.element {
margin: 10px 20px 30px 40px; /* 上20px、右30px、下10px、左40px */
}

如上述代碼所示，margin屬性可以同時(shí)定義上、右、下、左四個(gè)方向的外邊距。這個(gè)屬性以順時(shí)針?lè)较蛞来味x了四個(gè)方向的值（即上、右、下、左），每個(gè)值之間使用空格進(jìn)行分隔。

CSS的外邊距屬性很靈活，可以用來(lái)控制網(wǎng)頁(yè)上的空間間距和元素位置。當(dāng)我們掌握了外邊距的概念和用法，就能夠更加靈活地定位和布局網(wǎng)頁(yè)中的元素。