CSS 問題

<html>
<head>
<style>
table#table1 tr:nth-child(even){background-color: #ADD8E6;}
table#table1 tr:nth-child(odd){background-color:#F0F8FF;}
</style>
</head>
<body>
<span id="LiveUsers" style="color.black;">目前人數0,總人數0</span>
<table class="TB_COLLAPSE" id="table1">
  <caption>資料庫系統</caption>
  <thead>
    <tr>
      <th>學號</th>
      <th>姓名</th>
      <th>日期</th>
      <th>學號</th>
      <th>姓名</th>
      <th>日期</th>
      <th>學號</th>
      <th>姓名</th>
      <th>日期</th>
    </tr>
  </thead>

  <tbody>
 <tr>
      <td>資料1</td>
      <td>資料1</td>
      <td>資料1</td>
      <td>資料2</td>
      <td>資料2</td>
      <td>資料2</td>
      <td>資料3</td>
      <td>資料3</td>
      <td>資料3</td>
    </tr>

    <tr>
      <td>資料4</td>
      <td>資料4</td>
      <td>資料4</td>
      <td>資料5</td>
      <td>資料5</td>
      <td>資料5</td>
      <td>資料6</td>
      <td>資料6</td>
      <td>資料6</td>
    </tr>
</tbody>

  <tfoot>
    <tr>
      <td>資料底端</td>
      <td>資料底端</td>
      <td>資料底端</td>
      <td>資料底端</td>
      <td>資料底端</td>
      <td>資料底端</td>
      <td>資料底端</td>
      <td>資料底端</td>
      <td>資料底端</td>
    </tr>
  </tfoot>
</table>

</body>
</html>