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

在CSS中，我們可以使用margin-top和margin-bottom屬性來設(shè)置元素的上下邊界，這兩個屬性接受任何長度單位，如像素（px）、百分比（%）等。

如果我們想要設(shè)置一個元素的上下邊界為20像素，我們可以這樣寫：

element {
  margin-top: 20px;
  margin-bottom: 20px;
}

如果我們想要設(shè)置一個元素的上下邊界為總高度的10%，我們也可以這樣做：

element {
  margin-top: 10%;
  margin-bottom: 10%;
}

需要注意的是，如果元素是塊級元素（如div、p等），那么上下邊界會占據(jù)額外的空間，使元素的總高度增加，如果元素是行內(nèi)元素（如span、a等），那么上下邊界不會改變元素的大小，只會改變元素周圍的空間。

我們還可以使用padding-top和padding-bottom屬性來設(shè)置元素內(nèi)部的上下的填充，這也會影響到元素的總體高度。

設(shè)置上下邊界CSS的方法很簡單，只需要理解margin-top、margin-bottom、padding-top和padding-bottom這四個屬性的作用即可。