HTML/CSS/Javascript 設定 Table 背景色

常搞不清楚 HTML , CSS , Javascript 設定 Table 背景色的語法
特別在這邊記錄一下

[ HTML ]
使用 bgcolor (table / tr / td 都適用)
範例:

   <table bgcolor="#FF0000" border="1">
      <tr><td>Line 1</td></tr>
      <tr><td>Line 2</td></tr>
   </table>

結果:

Line 1

Line 2

[ CSS ]
使用 background-color (table / tr / td 都適用)
範例:

   <table border="1">
      <tr style="background-color:#00FF00"><td>Line 1</td></tr>
      <tr><td>Line 2</td></tr>
   </table>

結果:

Line 1

Line 2

[ Javascript ]
使用 obj.style.backgroundColor (table / tr / td 都適用)
範例:

   <table border="1">
      <tr><td>Line 1</td></tr>
      <tr><td onmouseover="this.style.backgroundColor='#0000FF'"
                  onmouseout="this.style.backgroundColor=''">
            Line 2
      </td></tr>
   </table>

結果:

Line 1

Line 2