html的cellpadding和cellspacing

最新推荐文章于 2022-01-10 16:50:01 发布

转载最新推荐文章于 2022-01-10 16:50:01 发布 · 1k 阅读

本文解释了HTML表格中cellspacing和cellpadding属性的作用。前者定义单元格间的距离，后者定义单元格内部填充的距离。通过实例展示了如何设置这些属性来调整表格外观。

cellspacing是表格里单元格之间的距离;
cellpadding是表格里单元格内的空白部分;
俗称就是外补丁和内补丁,类似应用在div和span上的margin和padding
你可一试验一下,给单元格加上边框,在改变一下cellpadding和cellspacing的值,看有什么变化.
例如:
<table>
<tr>
  <td style="cellspacing:10px;cellpadding:10px;border:1px solid #CCCCCC;">
    
  </td>

  <td style="cellspacing:10px;cellpadding:20px;border:1px solid #CCCCCC;">
    
  </td>
</tr>
</table>

着就是说:td的border与table的边缘之间有10个像素的补丁(cellspacing),td的border与td的内元素有20个像素的补丁(cellpadding).