CSS方框上下邊距的設(shè)置方法

在CSS中，我們可以通過(guò)設(shè)置“margin-top”和“margin-bottom”屬性來(lái)調(diào)整方框的上下邊距，這兩個(gè)屬性分別控制方框頂部和底部的空白區(qū)域大小。

如果我們想要設(shè)置一個(gè)高度為200px、上下邊距分別為10px的灰色方框，我們可以使用以下CSS代碼：

.my-box {
  height: 200px;
  background-color: gray;
  margin-top: 10px;
  margin-bottom: 10px;
}

在HTML中，我們可以這樣使用這個(gè)樣式：

<div class="my-box"></div>

這樣，這個(gè)div元素就會(huì)呈現(xiàn)為一個(gè)高度為200px、上下邊距分別為10px的灰色方框。

我們也可以通過(guò)外部樣式表（如CSS文件）來(lái)應(yīng)用這個(gè)樣式，或者通過(guò)內(nèi)聯(lián)樣式（在HTML元素內(nèi)部使用style屬性）來(lái)應(yīng)用這個(gè)樣式，無(wú)論哪種方式，都可以達(dá)到調(diào)整方框上下邊距的目的。