设置外边距
<html>
<head>
<style type="text/css">
p.leftmargin {margin-left: 2cm}
</style>
</head>
<body>
<p>这个段落没有指定外边距。</p>
<p class="leftmargin">这个段落带有指定的左外边距。</p>
</body>
</html>
我们可以使用margin-left设置左边距,在这里我们依旧可以使用cm、px、%这些单位来设置。
同理,还有margin-right、margin-top、margin-bottom这些属性来设置上下左右的边距值。
当然我们也可以把所有的属性都写在一起如:
<html>
<head>
<style type="text/css">
p.margin {margin: 2cm 4cm 3cm 4cm}
</style>
</head>
<body>
<p>这个段落没有指定外边距。</p>
<p class="margin">这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。</p>
<p>这个段落没有指定外边距。</p>
</body>
</html>
这些值对应的依次为上右下左。