CSS中Margin和Padding属性用法

简言之

margin:外边距

padding:内边距

代码:padding

<html>
<head>
<style type="text/css">
td.test1
{padding: 1.5cm}
td.test2
{padding: 0.5cm 2.5cm}
</style>
</head>

<body>
<table border="1">
<tr>
<td class="test1">
这个表格单元的每个边拥有相等的内边距。
</td>
</tr>
</table>
<br />
<table border="1">
<tr>
<td class="test2">
这个表格单元的上和下内边距是 0.5cm,左和右内边距是 2.5cm。
</td>
</tr>
</table>
</body>

</html>

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>

w3c定义的盒模式:

posted @ 2011-05-08 17:19  johnsneakers  阅读(229)  评论(0编辑  收藏  举报