Table with spacing to have a solid background all the way through [duplicate]

Question

This question already has answers here:

Removing unwanted table cell borders with CSS (9 answers)

How do I remove the double border on this table? (4 answers)

Closed 8 years ago.

I have alternating background colors however they have breaks in-between them due to the large spacing. I want the color to run through as though there was no spacing, so a solid bar all the way through.

tr:nth-child(even) {
    background-color: #FFFFFF;
}
tr:nth-child(odd) {
    background-color: #000000;
}

Answer 1

table{
    border-collapse: collapse; /* add this one */
}

Demo with issue
Demo without issue

Answer 2

In the table tag itself, use cellspacing="0" and cellpadding="0" to achieve the same effect but for browsers that don't (or poorly) support the border-collapse attribute.

You may also want to restore the lost space without creating gaps:

td{padding:2px 4px}