在CSS中設置邊距可以通過使用`margin`屬性來實現。`margin`屬性定義了一個元素與其周圍元素的空間。以下是`margin`屬性的基本用法：

單一方向的邊距

```css

/ 設置上邊距 /

margin-top: 20px;

/ 設置右邊距 /

margin-right: 30px;

/ 設置下邊距 /

margin-bottom: 40px;

/ 設置左邊距 /

margin-left: 50px;

```

多個方向的邊距

你可以為`margin`屬性設置一個值來指定所有四個方向的邊距，或者分別設置上下左右四個方向的邊距。

```css

/ 設置上下左右四個方向的邊距 /

margin: 10px 20px 30px 40px; / 順序：上 右 下 左 /

/ 簡寫，上下左右都是 10px /

margin: 10px;

/ 上下 10px，左右 20px，下 30px，左 40px /

margin: 10px 20px 30px;

```

值的類型

`margin`屬性的值可以是以下幾種：

長度值：如`px`、`em`、`rem`、`%`等。

關鍵字：如`auto`，默認情況下，如果元素沒有邊距，那么它會被設置為`auto`。

實例

```css

/ 實例：設置一個元素的邊距 /

.box {

margin-top: 20px; / 上邊距 /

margin-right: 30px; / 右邊距 /

margin-bottom: 40px; / 下邊距 /

margin-left: 50px; / 左邊距 /