HTML <table> 标签的 cellpadding 属性 详解
HTML基础 2023-07-13 19:01:37小码哥的IT人生shichen
HTML <table> 标签的 cellpadding 属性
实例
下面的例子把表格单元边界与单元内容之间的间距设置为 10 像素：
<table border="8" cellpadding="10">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
完整实例【亲自试一试】：
<html>
<body>
<h4>没有 cellpadding：</h4>
<table border="1">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
<h4>带有 cellpadding：</h4>
<table border="1"
cellpadding="10">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
cellpadding 属性规定单元边沿与其内容之间的空白。
注释：请勿将该属性与 cellspacing 属性相混淆，cellspacing 属性规定的是单元之间的空间。
从实用角度出发，最好不要规定 cellpadding，而是使用 CSS 来添加内边距。
语法
<body cellpadding="value">
属性值
| 值 | 描述 |
|---|---|
| pixels | 规定单元边沿与其内容之间的空白。 |
