html之cellspacing && cellpadding讲解

单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离

单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间

注：

1.spacing：间隔、间距

2.padding：填充

3.二者可以是像素也可以是百分比(随意)

 

图示关系：

 

代码与图示：

A:

<table width="80%" border="1" cellspacing="50%" cellpadding="80">
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
</table>

A':

 

B:

<table width="80%" border="1" cellpadding="80">
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
</table>

B':

 

C:

<table width="80%" border="1" cellspacing="50%">
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
</table>

C':

 

D:

<table width="80%" border="1">
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
</table>

D':