CSS中的margin是一個常用的屬性，主要用于控制元素的外邊距。它的作用是在元素外部創建一個空白區域，與其他元素之間產生距離，從而實現頁面的布局。

margin屬性的值可以設置為數字、百分比、em等，分別表示相對于父元素的寬度、相對于元素本身的寬度，或相對于字體大小的倍數。同時，還可以通過margin-top、margin-right、margin-bottom、margin-left四個屬性單獨設置不同方向的外邊距。

.box {
margin: 20px;
}

上述代碼將.box元素的外邊距設置為20px。此時，在.box元素周圍會產生一個20px的空白區域。

.box {
margin-top: 20px;
margin-right: 30px;
margin-bottom: 40px;
margin-left: 50px;
}

上述代碼展示了通過各個方向的margin屬性單獨設置外邊距的方法。具體來說，上、右、下、左四個方向的外邊距分別為20px、30px、40px、50px。

需要注意的是，在頁面布局中，margin的使用需要慎重。過多的外邊距會使頁面看起來空蕩蕩的，并且會導致網頁排版的混亂。