幸运的是，在网页设计中确实有一种办法可以为元素单边上的外边距设置值。假设你只想把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会更容易一些。不过，从文档显示的角度看，实际上使用哪种方法都不重要，所以应该选择对网页设计人员来说更容易的一种方法。