當(dāng)我們需要調(diào)整網(wǎng)頁元素之間的距離時，margin屬性就能派上用場。外邊距是指元素與其周圍元素之間的距離，具體可以通過margin-top,margin-right,margin-bottom,margin-left四個屬性單獨設(shè)置。

代碼示例：

.box{
margin-top: 10px;
margin-right: 20px;
margin-bottom: 15px;
margin-left: 20px;
}

上述代碼中，.box是一個類名，為某個網(wǎng)頁元素設(shè)定外邊距。通過margin-top設(shè)置該元素與其上方元素的間距，margin-right設(shè)置右側(cè)間距，margin-bottom設(shè)置下方間距，而margin-left則設(shè)置左側(cè)間距。

需要注意的是，margin屬性也支持單值、雙值、三值等多種寫法，分別對應(yīng)不同位置的外邊距值，例如：

.box{
margin: 10px;              //統(tǒng)一設(shè)置四個方向的值
margin: 10px 20px;         //分別設(shè)置上下、左右兩個方向的值
margin: 10px 20px 30px;    //分別設(shè)置上、左右、下三個方向的值
margin: 10px 20px 30px 40px;  //分別設(shè)置上、右、下、左四個方向的值
}

總結(jié)起來，margin屬性是用來控制元素與其它元素之間的距離的，通過單獨或組合使用margin-top,margin-right,margin-bottom,margin-left四個屬性可以設(shè)置不同方向的間距值，而margin屬性則是上述四個屬性的簡寫形式，可根據(jù)實際需求進行使用。