在CSS中，外邊距是用來控制元素之間的距離的。當我們想要給一個元素添加外邊距時，有兩種方式：手動添加外邊距或者使用自動外邊距。接下來，我們將要討論的是使用CSS自動生成外邊距的方法。

.box { 
background-color: blue; 
color: white; 
text-align: center; 
width: 200px; 
height: 200px; 
margin: auto; //使用自動外邊距  
}

在上面的代碼中，我們定義了一個類名為“box”的元素，并使用CSS樣式來設置元素的背景顏色、字體顏色、對齊方式、寬度、高度和外邊距。在這個例子中，我們使用了auto值來設置外邊距，這意味著元素將會在水平和垂直方向上居中對齊。

需要注意的是，當我們使用自動外邊距時，我們只需要設置一個方向的值，比如margin-top或者margin-left。此時，其他方向的值將會自動計算并應用到元素上。

總的來說，使用CSS自動生成外邊距是一種方便、高效的方式，可以大大減少我們手動調整元素之間距離的工作量。