现在的位置: 首页 > 综合 > 正文

关于cellspacing,cellpadding

2018年01月10日 ⁄ 综合 ⁄ 共 867字 ⁄ 字号 评论关闭

1 cellspacing属性用来指定表格各单元格之间的空隙。此属性的参数值是数字,表示单元格间隙所占的像素点数。 

我们来看下面的两个表格:

     
     

上面第一个表格的单元格之间没有空白距离,而第二个的单元格之间有很大的空白距离,我们来比较一下他们的源代码:
第一个表格的代码:
<table width="200" cellspacing="0" border="1" bordercolor="#000000">
<tr> 
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

第二个表格的代码:
<table width="200" cellspacing="8" border="1" bordercolor="#000000">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>


cellpadding属性用来指定单元格内容与单元格边界之间的空白距离的大小。此属性的参数值也是数字,表示单元格内容与上下边界之间空白距离的高度所占像素点数以及单元格内容与左右边界之间空白距离的宽度所占的像素点数。我们先来看看这个例子:

我们来看下面两个表格:

网页陶吧  
网页陶吧  

   
  第一个表格单元格的内容与单元格边界之间没有空白距离,而第二个表格单元格的内容与单元格边界之间有空白距离,我们来比较一下他们的源代码:
第一个表格的代码:
<table width="240" cellspacing="0" border="1" bordercolor="#000000" cellpadding="0"
<tr> 
<td width="120">网页陶吧</td>
<td> </td>
</tr>
</table>

第二个表格的代码:
<table width="240" cellspacing="0" border="1" bordercolor="#000000" cellpadding="15"
<tr> 
<td width="120">网页陶吧</td>
<td> </td>
</tr>
</table>

抱歉!评论已关闭.