html - テーブルのセル間隔を水平方向にのみ設定する方法

Question

下に書いた表をスタイルしたいと思います。

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

問題は、cellspacing がセル間のスペースを水平方向と垂直方向の両方に設定することです。水平方向のみに実行したいと思います。これを行う方法はありますか。

Answer 1

border-spacingテーブルで CSS プロパティを使用します。ブラウザーのサポートはかなり良好です (主に IE 7 までの IE を除く)。例：

table { border-spacing: 10px 0; }

Answer 2

CSSを試す

table td{

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

 }