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

單一方向的邊距

```css

/ 設(shè)置上邊距 /

margin-top: 20px;

/ 設(shè)置右邊距 /

margin-right: 30px;

/ 設(shè)置下邊距 /

margin-bottom: 40px;

/ 設(shè)置左邊距 /

margin-left: 50px;

```

多個(gè)方向的邊距

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

```css

/ 設(shè)置上下左右四個(gè)方向的邊距 /

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

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

margin: 10px;

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

margin: 10px 20px 30px;

```

值的類型

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

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

關(guān)鍵字：如`auto`，默認(rèn)情況下，如果元素沒有邊距，那么它會(huì)被設(shè)置為`auto`。

實(shí)例

```css

/ 實(shí)例：設(shè)置一個(gè)元素的邊距 /

.box {

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

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

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

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