html - 如何仅在表格中水平设置单元格间距

Question

我想为下面写的表格设置样式。

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

问题是单元格间距设置单元格之间的空间水平和垂直，我希望它只水平完成。有没有办法做到这一点。

Answer 1

使用border-spacing表格上的 CSS 属性。浏览器支持相当好（主要不包括 IE 直到并包括 IE 7）。例子：

table { border-spacing: 10px 0; }

Answer 2

试试 CSS

table td{

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

 }