幸運的是，在網頁設計中確實有一種辦法可以為元素單邊上的外邊距設置值。假設你只想把h2元素的左外邊距設置為3em。不必使用margin（這需要鍵入很多auto），而是可以采用以下方法：

h2{margin-left:3em;}

margin-left是專門用來設置元素框各邊外邊距的4個屬性之一。它們的名字一目了然。

margin-top、margin-right、margin-bottom、margin-left

值：<length> | <percentage> | auto | inherit

初始值:0

應用于:所有元素

繼承性:無

百分數:相對于包含塊的width

計算值: 對于百分數，根據指定確定，否則，為絕對長度

網頁設計使用其中任何一個屬性將只設置該邊上的外邊距，而不會直接影響所有其他外邊距。一個規則中可以使用多個這種單邊屬性，例如：

h2{margin-left:3em;margin-bottom:2em;margin-right:0;margin-top:0;background:silver;}

在圖8-11中可以看到，已經按你的意愿設置了外邊距。當然，對于這種情況，使用margin可能更容易一些：

h2{margin:0 0 2em 3em;}

不論使用上述單邊屬性還是使用margin，得到的結果都一樣。一般地，網站建設人員如果想為多個邊設置外邊距，使用margin會更容易一些。不過，從文檔顯示的角度看，實際上使用哪種方法都不重要，所以應該選擇對網頁設計人員來說更容易的一種方法。