Jak ustawić odstępy między komórkami w tabelach tylko w poziomie?

Question

Chciałbym ułożyć tabelę poniżej.

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

Problemem jest to, że cellspacing ustawia przestrzeń pomiędzy komórkami zarówno poziomo i verticaly chciałbym to być zrobione tylko poziomo. Czy jest sposób, aby to zrobić?

Answer 1

użyć właściwości border-spacing CSS na stole. Obsługa przeglądarki jest dość dobra (z wyjątkiem głównie IE do IE 7 włącznie). Przykład:

table { border-spacing: 10px 0; } 

Answer 2

Spróbuj CSS

table td{ 

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

}