How do you add color to a < table > in HTML?

<style type="text/css">

  table          {border:ridge 5px red;}

  table td       {border:inset 1px #000;}

  table tr #ROW1  {background-color:red; color:white;}

  table tr #ROW2  {background-color:white;}

  table tr #ROW3  {background-color:blue; color:white;}

  table td #CELL9 {border:inset 4px red; background-color:navy;}

</style>

<table>

      <tr id="ROW1">

<td>Cell 1.1</td>

<td>Cell 1.2</td>

<td>Cell 1.3</td>

  </tr>

        <tr id="ROW2">

<td>Cell 2.1</td>

<td>Cell 2.2</td>

<td>Cell 2.3</td>

  </tr>

        <tr id="ROW3">

<td>Cell 3.1</td>

<td>Cell 3.2</td

<td id="CELL9">Cell 3.3</td>

  </tr>

</table>

Output Image 

After add color to a table in html