html之cellspacing && cellpadding讲解

时间:2024-01-17 21:30:14

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

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

注:

1.spacing:间隔、间距

2.padding:填充

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

图示关系:

html之cellspacing && cellpadding讲解

代码与图示:

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':

html之cellspacing && cellpadding讲解

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':

html之cellspacing && cellpadding讲解

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':

html之cellspacing && cellpadding讲解

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':

html之cellspacing && cellpadding讲解