CSS外邊距距離是一種用于控制網(wǎng)頁元素間距離的屬性。簡單來講，就是控制元素周圍的空間大小。外邊距是如何定義呢？

margin: 上 右 下 左;

其中，上、右、下、左分別指代元素上方、右方、下方、左方的外邊距距離。這些方向可以用英文首字母縮寫來表示。

margin: 10px 20px 30px 40px;

以上代碼將會把元素的上外邊距設(shè)為10像素，右外邊距設(shè)為20像素，下外邊距設(shè)為30像素，左外邊距設(shè)為40像素。

另外，也可以只設(shè)置某個方向的外邊距。下面是一些代碼示例。

margin-top: 20px; //只設(shè)置上外邊距
margin-right: 25px; //只設(shè)置右外邊距
margin-bottom: 30px; //只設(shè)置下外邊距
margin-left: 35px; //只設(shè)置左外邊距

需要注意的是，外邊距可以是正值、負(fù)值或零值。

margin: 20px; //四個方向的外邊距都是20像素
margin: -20px; //四個方向的外邊距都是負(fù)20像素
margin: 0; //四個方向的外邊距都是零

注意！去除外邊距，需要將css中的margin屬性設(shè)為0值或者去掉margin屬性。

margin: 0; //去除所有外邊距
margin-right: 0; //去除右外邊距
margin-bottom: 0; //去除下外邊距
margin-left: 0; //去除左外邊距

好了，我們已經(jīng)了解了什么是CSS外邊距距離，以及如何對它進(jìn)行設(shè)置，大家可以根據(jù)具體需求設(shè)置不同的數(shù)值。讓我們一起來制作更美觀的網(wǎng)頁。