总结HTML <table> 标签的 cellspacing cellpadding 属性

最新推荐文章于 2021-06-16 15:08:30 发布

limengmeng9006

最新推荐文章于 2021-06-16 15:08:30 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/limengmeng9006/article/details/8658740

本文深入探讨了HTML中表格元素的cellspacing与cellpadding属性的定义与用法，提供了实例演示，并建议使用CSS进行更灵活的布局调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

cellspacing定义和用法

cellspacing 属性规定单元格之间的空间。

实例

下面的例子把表格单元格间距设置为 10 像素：

<table border="8" cellspacing="10">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

cellpadding定义和用法

cellpadding 属性规定单元边沿与其内容之间的空白。

从实用角度出发，最好不要规定 cellpadding，而是使用 CSS 来添加内边距。

实例

下面的例子把表格单元边界与单元内容之间的间距设置为 10 像素：

<table border="8" cellpadding="10">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>