cellspacing是表格里单元格之间的距离;
cellpadding是表格里单元格内的空白部分;
俗称就是外补丁和内补丁,类似应用在div和span上的margin和padding
你可一试验一下,给单元格加上边框,在改变一下cellpadding和cellspacing的值,看有什么变化.
也就是说:td的border与table的边缘之间有10个像素的补丁(cellspacing),td的border与td的内元素有20个像素的补丁(cellpadding)。
<table width="80%" border="1" cellspacing="50%" cellpadding="80">
<tr>
<th>www.wangwangkui.cn</th>
<th>王望奎博客</th>
<th>百度搜索推广</th>
<th>百度网们推广</th>
</tr>
<tr>
<td>www.wangwangkui.cn</td>
<td>王望奎博客</td>
<td>百度搜索推广</td>
<td>百度网们推广</td>
</tr>
<tr>
<td>www.wangwangkui.cn</td>
<td>王望奎博客</td>
<td>百度搜索推广</td>
<td>百度网们推广</td>
</tr>
<tr>
<td>www.wangwangkui.cn</td>
<td>王望奎博客</td>
<td>百度搜索推广</td>
<td>百度网们推广</td>
</tr>
</table>
注:大家可以修改代码内的cellspacing="50%" cellpadding="80"的数字来来做测试并查看相应的变化,就很清除的看明白它们之间的关系以及它们都是起到什么作用。
更多表格属性请参考:
属性:描 述
width:表格的宽度
height:表格的高度
align:表格的在页面的水平摆放位置
background:表格的背景图片
bgcolor:表格的背景颜色
border:表格边框的宽度(以像素为单位)
bordercolor:表格边框颜色
bordercolorlight:表格边框明亮部分的颜色
bordercolordark:表格边框昏暗部分的颜色
cellspacing:单元格之间的间距
cellpadding:单元格内容与单元格边界之间的空白距离的大小
发表评论