cellspacing和cellspadding区别
属性 | 含义 | 常用属性值 |
cellspacing | 设置单元格与单元格边框之间的空白间距 | 像素值(默认为2px) |
cellspadding | 设置单元格内容与单元格边框之间的空白距离 | 像素值(默认为1px) |
不使用任何的cellspacing和cellspdding修饰:
<table border="1">
<tr>
<td>公司</td>
<td>性质</td>
<td>平均薪资</td>
</tr>
<tr>
<td>阿里巴巴</td>
<td>民营企业</td>
<td>18k</td>
</tr>
<tr>
<td>工商银行</td>
<td>国有企业</td>
<td>8k</td>
</tr>
</table>
结果如图所示:
使用cellspacing修饰,设置为0
<table border="1" cellspacing="0">
<tr>
<td>公司</td>
<td>性质</td>
<td>平均薪资</td>
</tr>
<tr>
<td>阿里巴巴</td>
<td>民营企业</td>
<td>18k</td>
</tr>
<tr>
<td>工商银行</td>
<td>国有企业</td>
<td>8k</td>
</tr>
</table>
发现单元格与单元格之间无间距 因为cellspcing设置为0
使用cellspaddcing修饰,设置为10
<table border="1" cellspacing="0" cellpadding="10">
<tr>
<td>公司</td>
<td>性质</td>
<td>平均薪资</td>
</tr>
<tr>
<td>阿里巴巴</td>
<td>民营企业</td>
<td>18k</td>
</tr>
<tr>
<td>工商银行</td>
<td>国有企业</td>
<td>8k</td>
</tr>
</table>
发现单元格内容与单元格边框间距变大。