html之cellspacing && cellpadding讲解

单元格间距(表格间距)(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讲解

 

html之cellspacing && cellpadding讲解,布布扣,bubuko.com

html之cellspacing && cellpadding讲解

上一篇:php中关于Map热点的运用


下一篇:JS 索引数组、关联数组和静态数组、动态数组