HTML 中 <table> 标签的 cellpadding 属性用于设置单元格内容与单元格边框之间的空白距离。简单来说,它控制的是单元格内部的内容与单元格四周边框之间的间距。
详细说明:
作用:
cellpadding属性定义了表格单元格(<td>或<th>)中内容与单元格边框之间的空间大小。取值:通常是一个非负整数,单位为像素(pixels),表示在单元格的四周增加相同宽度的空白区域。
效果:设置
cellpadding=10意味着在每个单元格的上下左右四个方向都增加 10 像素的空白,使单元格看起来更大,但单元格中的内容区域大小不变。
示例:
<table cellpadding="10"> <tr> <td>单元格内容</td> <td>另一个单元格</td> </tr> </table>
在这个例子中,每个单元格的内容会与边框保持 10 像素的距离。
注意事项:
在 HTML5 中,
cellpadding属性已被废弃,推荐使用 CSS 的padding属性来实现相同的效果。与
cellpadding相关的是cellspacing,后者用于控制单元格与单元格之间的距离,而不是单元格内部的内容与边框的距离。
参考资料:
cellpadding是早期 HTML 表格布局中的重要属性,虽然现在更倾向于使用 CSS 来控制样式,但在一些传统代码中仍然具有兼容性。现代开发中建议使用 CSS 的
padding属性来代替cellpadding。该属性在 HTML5 中不再被支持,应使用 CSS 替代。