HTML cellpadding与cellspacing属性

最新推荐文章于 2025-11-25 10:27:20 发布

转载最新推荐文章于 2025-11-25 10:27:20 发布 · 654 阅读

文章标签：

#html #border #table

div+CSS 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了HTML中表格的cellpadding和cellspacing属性，通过实例展示了如何设置巢补白和巢空间，以此来调整表格内容与边框及各单元格间的距离。

HTML cellpadding与cellspacing属性

先介绍一些概念

巢(cell) -- 表格的内容
巢补白(cellpadding) -- 代表巢外面的一个距离,用于隔开巢与巢空间
巢空间(cellspacing) -- 代表表格边框与巢补白的距离,也是巢补白之间的距离
引用网址:http://www.dreamdu.com/xhtml/attribute_cellpadding_cellspacing/

表格巢图示

上图说明了表格的几个属性,其中黑色部分就是巢(cell)，白色的区域是巢补白，灰色的区域是巢空间。

示例

<table width="80%" border="1" cellspacing="50%" cellpadding="80">
 <tr> 
  <th>www.dreamdu.com</th>
  <th>.com域名的数量</th>
  <th>.cn域名的数量</th>
  <th>.net域名的数量</th>
 </tr>
 <tr>
  <td>2003年</td>
  <td>1000</td>
  <td>2000</td>
  <td>3000</td>
 </tr>
 <tr>
  <td>2004年</td>
  <td>4000</td>
  <td>5000</td>
  <td>6000</td>
 </tr>
 <tr>
  <td>2005年</td>
  <td>7000</td>
  <td>8000</td>
  <td>9000</td>
 </tr>
</table>