如何處理CSS外邊距？

CSS外邊距是指元素邊框與外部元素之間的空白區(qū)域，在CSS中，可以使用margin屬性來(lái)設(shè)置元素的外部邊距。margin屬性接受四個(gè)值，分別代表上、右、下、左四個(gè)方向的外邊距。

div {
  margin: 10px 20px 30px 40px;
}

上述代碼表示，該元素的上方邊距為10像素，右方邊距為20像素，下方邊距為30像素，左方邊距為40像素。

也可以使用margin-top、margin-right、margin-bottom和margin-left屬性來(lái)分別設(shè)置各個(gè)方向的外邊距。

div {
  margin-top: 10px;
  margin-right: 20px;
  margin-bottom: 30px;
  margin-left: 40px;
}

這段代碼與上面的代碼效果相同，但可讀性更好。

需要注意的是，如果元素是塊級(jí)元素（如<div>、<p>等），則上下外邊距會(huì)分別增加，左右外邊距會(huì)合并，如果元素是行內(nèi)元素（如<span>、<a>等），則左右外邊距會(huì)分別增加，上下外邊距會(huì)合并，這是CSS中的默認(rèn)行為，可以通過(guò)設(shè)置元素的display屬性來(lái)改變其顯示方式。