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

代碼示例：

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

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

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

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

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