今天我們要來聊一聊CSS 1.7版本中新增加的外邊距相關的屬性。外邊距在CSS中起到了非常關鍵的作用，可以在頁面排版中發揮巨大的作用。 首先，我們來看一下定義外邊距的方式： ``` margin: 10px; ``` 上述代碼定義了所有四個方向的外邊距均為10個像素。如果你想僅對水平方向的外邊距進行定義，可以這樣寫： ``` margin: 10px 20px; ``` 上述代碼定義了左右兩個方向的外邊距均為20個像素，上下兩個方向的外邊距均為10個像素。 除了上述基礎用法外，CSS 1.7版本中又新增加了很多讓人興奮的外邊距屬性。比如： ``` margin-top: 20px; /* 定義上方外邊距 */ margin-right: 30px; /* 定義右側外邊距 */ margin-bottom: 40px; /* 定義下方外邊距 */ margin-left: 50px; /* 定義左側外邊距 */ ``` 通過上述代碼，我們可以控制每個方向的外邊距，獲得更加精確的頁面排版效果。 當然，有時候我們希望元素的外邊距設置成自動，讓瀏覽器自己去判斷最合適的外邊距值。這時候可以使用以下屬性： ``` margin: auto; ``` 這樣就可以讓瀏覽器對外邊距進行計算，在不同的頁面尺寸下獲得最合適的外邊距。 總之，外邊距是CSS排版中必不可少的一部分，新版本中加入了更多方便靈活的屬性，可以幫助我們獲得更好的排版效果。