要设置文字或者图片的外间距，首先要知道究竟什么是外边距。所谓外边距就是围绕在元素边框的空白区域。设置外边距会在元素外创建额外的“空白”。设置外边距的最简单的方法就是使用 margin 属性，这个属性接受任何长度单位、百分数值甚至负值。
<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>
在上面这个代码中，我们特意用了两个段落。一个段落有外边距，另一个没有外边距。p.margin {margin: 2cm 4cm 3cm 4cm}是对有外边距的样式的定义。其意思是引用margin这个样式的段落，其外边距分别是距页面的上、右、下、左分别是2cm 4cm 3cm 4cm。
.gif){kind=small}
.png){kind=small}
立即创建免费网站