Thêm khoảng cách giữa các ô (td) bằng cách sử dụng css

Question

Tôi đang cố gắng thêm một khoảng trống giữa ô (td) và màu nền của bảng màu xanh dương, bạn có thể dễ dàng thấy phần đệm và lề đó không hoạt động (Tôi đang áp dụng nó cho td), nó sẽ chỉ thêm không gian bên trong của tế bào.

Answer 1

Bạn muốn border-spacing:

<table style="border-spacing: 10px;"> 

Hoặc trong một khối CSS ở đâu đó:

table { 
    border-spacing: 10px; 
} 

Xem quirksmode trên border-spacing. Xin lưu ý rằng border-spacing không hoạt động trên IE7 trở xuống.

Answer 2

Cân nhắc sử dụng các thuộc tính cellspacing và cellpadding cho các thuộc tính table hoặc border-spacing css.

Answer 3

tham số cellspacing (khoảng cách giữa các ô) của thẻ TABLE chính xác là những gì bạn muốn. Những bất lợi là nó là một giá trị, được sử dụng cho cả x và y, bạn không thể chọn khoảng cách khác nhau hoặc padding theo chiều dọc/chiều ngang. Có một thuộc tính CSS, nhưng nó không được hỗ trợ rộng rãi.

Answer 4

table { 
    border-spacing: 10px; 
} 

này làm việc cho tôi khi tôi loại bỏ

border-collapse: separate; 

từ thẻ bàn của tôi.

Answer 5

Mine là:

border-spacing: 10px; 
border-collapse: separate;