So legen Sie den Zellenabstand in Tabellen nur horizontal fest

Question

Ich möchte die Tabelle unten formatieren.

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

Das Problem ist, dass Cellspacing den Raum zwischen den Zellen setzt sowohl waagerechten und verticaly, würde Ich mag es nur horizontaly getan werden. Gibt es einen Weg, dies zu tun?

Answer 1

Verwenden Sie die border-spacing CSS-Eigenschaft auf dem Tisch. Browser-Unterstützung ist ziemlich gut (ausschließlich IE bis einschließlich IE 7). Beispiel:

table { border-spacing: 10px 0; } 

Answer 2

Try CSS

table td{ 

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

}