这是我一直以来不会的问题,比较让我头疼,就是理解不透彻。
这次我做了全面总结一下吧,必须这样才能记住了!
对比cellspacing与cellpadding的用法
首先看下面的几组:
①:
<table border="1"cellpadding="20" cellspacing="0px">
<tr>
<td>Fir</td>
<td>Row</td>
</tr>
<tr>
<td>Sed</td>
<td>Row</td>
</tr>
</table>
②:
<table border="1"cellpadding="0" cellspacing="0px">
<tr>
<td>Fir</td>
<td>Row</td>
</tr>
<tr>
<td>Sed</td>
<td>Row</td>
</tr>
</table>
总结①与②这两组组:cellpadding 属性规定单元边沿与其内容之间的空白。
③:
<table border="1"cellpadding="20" cellspacing="2px">
<tr>
<td>Fir</td>
<td>Row</td>
</tr>
<tr>
<td>Sed</td>
<td>Row</td>
</tr>
</table>
总结①与③这两组:cellspacing 属性规定的是单元之间的空间
注释:请勿将该cellpadding属性与cellspacing 属性相混淆,从实用角度出发,最好不要规定 cellpadding,而是使用 CSS 来添加内边距。