Removing space between table <tr>

HTML & CSS
1 
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<style type="text/css">

[COLOR="#0000CD"]* { margin:0;padding:0}[/COLOR]
.white {color:#fff}
.bBlack {background-color:#000}
</style>
<body>
<table>
  <tr>
    <td colspan="3" class="white bBlack">topLine</td>
  </tr>
  <tr>
    <td class="white bBlack">leftLine</td>
    <td>myText</td>
  </tr>
</table>
</body>
</html>

The code above shows a white space between topLine and leftLine which are black backgrounded.

I like to remove the white space between them so that the topLine and the leftLine are connected with black background without any white space.

The code below shows my target result. But I like to put cellspacing=“0” between <style> and </style>.

if possible, I like to make to remove all spaces between table <tr> in all tables in my page
the code * { margin:0;padding:0} seems not sufficient for it.

<table [COLOR="#FF0000"]cellspacing="0"[/COLOR]>
  <tr>
    <td colspan="3" class="white bBlack">topLine</td>
  </tr>
  <tr>
    <td class="white bBlack">leftLine</td>
    <td>myText</td>
  </tr>
</table>
2

[font=verdana]The CSS you need to achieve cellspacing=“0” is

table {border-collapse: collapse;}

[/font]