如何仅在表格中水平设置cellspacing

时间:2012-10-19 09:03:24

标签: html css html-table cellspacing

我想对下面的表格进行设计。

<table border="1"   cellspacing="10">
  <tr>
    <th>Month</th>
    <th>Savings</th>  
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

问题在于,cellspacing设置了单元格和verticaly之间的空间,我希望它只能完成。有没有办法做到这一点。

2 个答案:

答案 0 :(得分:16)

使用表格中的border-spacing CSS属性。浏览器支持相当不错(主要不包括IE,包括IE 7)。例如:

table { border-spacing: 10px 0; }

答案 1 :(得分:2)

尝试CSS

table td{

 padding:0px 10px 0px 10px; /* top right bottom left */

 }