CSS屬性margin用于設置元素周圍的間距。可以通過margin屬性設置四個方向的間距（上、右、下、左），也可以使用margin-top、margin-right、margin-bottom和margin-left屬性單獨設置每個方向的間距。

示例代碼：
.container {
margin: 10px; /* 上下左右均為10px */
}
.box {
margin-top: 20px; /* 上間距為20px */
margin-right: 30px; /* 右間距為30px */
margin-bottom: 40px; /* 下間距為40px */
margin-left: 50px; /* 左間距為50px */
}

margin屬性的值可以為長度、百分比或auto。長度值可以使用像素(px)、厘米(cm)、毫米(mm)、點數(pt)或像素密度(dpi)。百分比表示相對于父元素的寬度。如果margin值為auto，瀏覽器會自動計算元素的間距。

另外，margin還有一些特殊的用法，如使用負值來重疊元素、使用margin:auto來水平居中元素等。

示例代碼：
.overlap {
margin-top: -10px; /* 元素上方與前一個元素重疊10px */
}
.center {
width: 200px;
height: 100px;
margin: 0 auto; /* 元素水平居中 */
}

需要注意的是，有些元素（如img、input等）默認帶有一定的間距，需要通過設置margin或padding屬性來調整。

示例代碼：
img {
margin: 0; /* 去除圖片默認間距 */
}

總之，通過靈活運用margin屬性，我們可以輕松地調整元素之間的間距和位置，實現想要的布局效果。