Add space between cells (td) using css

Question

I am trying to add a table with space between cell as the background colour of the cell is white and the background color of the table is blue, you can easily see that padding and margin are not working (I am applying it to the td), it will only add space inside of the cell.

Answer 1

You want border-spacing:

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

Or in a CSS block somewhere:

table {   border-spacing: 10px; } 

See quirksmode on border-spacing. Be aware that border-spacing does not work on IE7 and below.

Answer 2

table {    border-spacing: 10px;  }  

This worked for me once I removed

border-collapse: separate; 

from my table tag.