How to get css background color on <tr> tag to span entire row

Question

I have tried everything I can think of in css in order to get a background color to span an entire table row (<tr> tag) But I keep getting a white border around each cell.

CSS (excerpt):

/*alternating row*/ table, tr, td, th {margin:0;border:0;padding:0;} tr.rowhighlight {background-color:#f0f8ff;margin:0;border:0;padding:0;} 

HTML (excerpt):

<tr class="rowhighlight"><td>A</td><td>B</td><td>C</td></tr> 

It just does not want to cooperate. Thanks for helping...

Answer 1

table{border-collapse:collapse;} 

Answer 2

I prefer to use border-spacing as it allows more flexibility. For instance, you could do

table {   border-spacing: 0 2px; } 

Which would only collapse the vertical borders and leave the horizontal ones in tact, which is what it sounds like the OP was actually looking for.

Note that border-spacing: 0 is not the same as border-collapse: collapse. You will need to use the latter if you want to add your own border to a tr as seen here.