HTML cellpadding与cellspacing属性

来源：互联网发布：发票打印软件破解版编辑：程序博客网时间：2024/05/16 07:36

先介绍一些概念

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

表格单元格图示

上图说明了表格的几个属性,其中黑色部分就是单元格(cell)，白色的区域是单元格边距(表格填充)，灰色的区域是单元格间距(表格间距)。

示例

先介绍一些概念单元格(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>