テーブル内のセルスペースを水平方向にのみ設定する方法

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 7を含むIEを除く）。例：

table { border-spacing: 10px 0; } 

Answer 2

するTry CSS

table td{ 

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

}