圣莉雅兰网络科技沧州网络公司专业从事沧州网站建设,沧州网站优化!!! 建站报价典型案例联系我们

cellspacing cellpadding用CSS怎么描述?

发布时间:2013-01-11 11:40  
更多

如 <table border= "1 " cellspacing= "2 " cellpadding= "3 "> 用CSS怎么描述?
 
cellspacing属性设置表格边框之间和表格单元格之间的间距(以像素为单位);cellpadding属性设置单元格中的信息四周的间距(也是以像素为单位)

td的边框样式要单独设置,用td的margin来指定表格的cellspacing,用td的padding来指定表格的cellpadding。如下例:

<style>
table {width:400px; border:1px solid gray;}
td {border:1px solid grey; margin:2px; padding:3px;}
</style>
<table>
<tr>
<td> sdfsfsdf </td>
<td> 23234353445345 </td>
</tr>
<tr>
<td> sdfsfsdf </td>
<td> 23234353445345 </td>
</tr>
</table>


margin对于 <TD> 不起作用。

<div> <span> <td> </td> </span> </div>才起作用 其它的不行吧
 
据 我所知,table的cellpadding是通过设置td的padding来实现,这个没有疑问。但cellspacing目前还没有能实现的方法。在 table的CSS中设置border-collapse:collapse可以让cellspacing变成0,但如果要设置cellspacing为 具体数字,就没有办法实现了。我还没找到有方法可以实现。

border-collapse:separate
border-spacing: 3px;
以上对应borderspacing, 不过只对ff有效.

table {
width:400px;
border:1px solid #D4D0C8;
border-collapse:separate;
border-spacing:2px !important;
border-spacing:expression(this.cellSpacing=2);
}
td {
border:1px solid #808080;
padding:3px;
}
又试了一下,只能通过如此尴尬的办法实现ie和ff同效果了.对ie实际上还是操纵了cellSpacing,只不过在css里面而已.
 
 
 

  转载注明:沧州网络公司http://www.qingxianweb.com/

  本文地址:http://www.qingxianweb.com/hangyexinwen/1465/转载时请注明出处,谢谢!

  • 上一篇:科讯CMS的基本安全设置
  • 下一篇:没有了