HTML cellpadding 属性

小灰灰 2020-05-15 17:11 905阅读 0赞

此属性用于设置 table 中单元格的内边距，以像素为单位。

所谓内边距就是单元格中的内容与单元格边框内侧之间的距离。

理解此属性的功能，可以从其名称入手。

cellpadding由如下两个单词合成：

（1）.cell：翻译汉语具有小房间和细胞的意思。

（2）.padding：翻译成汉语具有内边距的意思。

单元格在表格中的表现确实类似于小房间或者细胞，那么就很容易理解此属性的功能。

比较容易与 cellspacing 属性混淆。

特别说明：HTML5不支持此属性，推荐使用CSS padding 属性设置。

语法结构：

```html
<table cellpadding="num">
```

下面通过代码实例结合图文对其功能进行分析：

```html
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dandelioncloud.cn/" />
<title>蒲公英云</title>
<style>
table{
  margin:10px;
}  
</style>
<body>
<table border="1" cellspacing="5">
  <tr>
    <th>教程</th>
    <th>教程</th>
  </tr>
  <tr>
    <td>教程</td>
    <td>教程</td>
  </tr>
</table>
<table border="1" cellspacing="5" cellpadding="5">
  <tr>
    <th>教程</th>
    <th>教程</th>
  </tr>
  <tr>
    <td>教程</td>
    <td>教程</td>
  </tr>
</table>
</body>
</html>
```

代码运行效果截图如下：

![](/images/1589562677018.jpg)

**代码分析如下：**

（1）.第一个表格未设置cellpadding属性，所以单元格内边距为0。

（2）.第二个表格设置cellpadding属性值为5，所以单元格中的内容距离边框内侧尺寸为5px。

（3）.此属性对于`<th>`元素同样有效。

发表评论取消回复

表情：

评论列表（有 0 条评论，905人围观）

还没有评论，来说两句吧...

相关阅读

相关 dom属性和html属性_HTML属性

dom属性和html属性 Attributes are used to provide additional information of a tag such as it’

妖狐艹你老母/ 2023年03月05日 08:29/ 0 赞/ 70 阅读

相关 tabindex属性_tabindex（HTML属性）

tabindex属性描述 (Description) The `tabindex` is used to define a sequence that users f

矫情吗；*/ 2022年12月03日 01:58/ 0 赞/ 363 阅读

相关 html 提示属性,HTML 属性

HTML 属性属性是为 HTML 元素提供的附加信息。 HTML 属性属性总是以名称/值对的形式出现，比如：name="value"。 HTML 元素可以设置属性属

迈不过友情╰/ 2022年10月06日 05:59/ 0 赞/ 461 阅读

相关 HTML属性

HTML 属性为了表示元素的一些特征，我们可以在开始标签中添加一些属性。如下： ![0][] 属性特征一般属性都具有以下特征：每个属性之间或与元素

曾经终败给现在/ 2022年05月27日 09:35/ 0 赞/ 312 阅读

相关更改HTML属性

改变 HTML 内容修改 HTML 内容的最简单的方法是使用 innerHTML 属性。如需改变 HTML 元素的内容，请使用这个语法： document.get

- 日理万妓/ 2022年05月14日 09:04/ 0 赞/ 410 阅读

相关 cellspacing和cellpadding区别

cellspacing和cellspadding区别 <table> <tbody> <tr> <td>属性</td> <td>含义</td>

阳光穿透心脏的1/2处/ 2021年12月11日 10:13/ 0 赞/ 538 阅读

相关 Cellpadding和Cellspacing之间的区别

Cellpadding和Cellspacing是table表格中使用的属性，可以设置table表格单元格中的空白，是两个有助于控制网页中表格的样式和布局的属性。那么它们之...

红太狼/ 2021年01月29日 18:54/ 0 赞/ 1111 阅读

相关 HTML lang 属性

参数解析: language_code:规定元素内容的语言代码。

小灰灰/ 2020年05月16日 18:50/ 0 赞/ 930 阅读

相关 HTML id 属性

HTML id 属性此属性规定元素的唯一标识。 id属性值在同一个文档中是唯一的，否则可能会出现问题。

小灰灰/ 2020年05月16日 18:37/ 0 赞/ 878 阅读

相关 HTML cellpadding 属性

此属性用于设置 table 中单元格的内边距，以像素为单位。所谓内边距就是单元格中的内容与单元格边框内侧之间的距离。理解此属性的功能，可以从其名称入手。

小灰灰/ 2020年05月15日 17:11/ 0 赞/ 906 阅读