CSS 外邊距是指元素與其他元素之間的間隔，用于控制元素在頁面中的位置和布局。外邊距可以垂直或水平方向上設置，也可以設置負值。 水平外邊距可以使用 margin-left 和 margin-right 屬性進行設置，其中 margin-left 控制元素左側與其他元素之間的間距，而 margin-right 則控制元素右側與其他元素之間的間距。 例如，以下代碼將 h1 元素左右兩側與其他元素之間的距離設置為 20 像素：

h1 {
margin-left: 20px;
margin-right: 20px;
}

垂直外邊距可以使用 margin-top 和 margin-bottom 屬性進行設置，其中 margin-top 控制元素上方與其他元素之間的間距，而 margin-bottom 則控制元素下方與其他元素之間的間距。 例如，以下代碼將 p 元素上下兩側與其他元素之間的距離設置為 10 像素：

p {
margin-top: 10px;
margin-bottom: 10px;
}

需要注意的是，當兩個元素的外邊距重疊時，它們之間的間距將取兩者之間的最大值。如果兩者之間的間距是負數，則取兩者之間的最小值。 例如，以下代碼將兩個相鄰的 p 元素之間的間距設置為 -20 像素：

p {
margin-bottom: -20px;
}

這樣，兩個相鄰的 p 元素之間的間距將取它們之間的最小值，即為 0 像素，看起來它們就會重疊在一起。 總之，在 CSS 中，外邊距是控制元素布局和位置的重要屬性，它能夠幫助我們更好地呈現出網站的效果和樣式。