Cách đặt ô trong bảng chỉ theo chiều ngang

Question

Tôi muốn tạo kiểu cho bảng được viết bên dưới.

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

Vấn đề là khoảng cách giữa các ô đặt không gian giữa các ô theo chiều ngang và dọc, tôi chỉ muốn thực hiện theo chiều ngang. Có cách nào để làm việc này không.

Answer 1

Sử dụng border-spacing CSS tài sản trên bàn. Trình duyệt hỗ trợ khá tốt (không bao gồm chủ yếu là IE đến và bao gồm IE 7). Ví dụ:

table { border-spacing: 10px 0; } 

Answer 2

Thử CSS

table td{ 

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

}