如何給CSS盒子添加邊距？

在CSS中，我們可以使用margin屬性來添加盒子（元素）之間的空間，這個(gè)屬性接受一個(gè)值，這個(gè)值可以是具體的像素值，也可以是一個(gè)相對的值，如auto（自動(dòng)計(jì)算）。

如果你想要一個(gè)盒子距離上方和下方都是10像素，你可以這樣寫：

.box {
  margin-top: 10px;
  margin-bottom: 10px;
}

如果你想要盒子的左邊和右邊也有10像素的邊距，你可以這樣寫：

.box {
  margin-left: 10px;
  margin-right: 10px;
}

如果你想要盒子的四周都有10像素的邊距，你可以這樣寫：

.box {
  margin: 10px;
}

在這個(gè)例子中，margin屬性接受一個(gè)值，這個(gè)值會(huì)同時(shí)應(yīng)用于盒子的上、下、左、右四個(gè)方向。

如果你想要盒子的四周都有自動(dòng)的邊距，你可以這樣寫：

.box {
  margin: auto;
}

在這個(gè)例子中，margin屬性接受auto值，這意味著盒子的四周都會(huì)自動(dòng)計(jì)算邊距，瀏覽器會(huì)自動(dòng)計(jì)算每個(gè)邊的邊距，以確保盒子在其父元素中居中顯示。