如何使用具有不同背景颜色的每个表行

<table>
  <tr class="row1">
    <td>内容1</td>
    <td>内容2</td>
  </tr>
  <tr class="row2">
    <td>内容3</td>
    <td>内容4</td>
  </tr>
  <tr class="row1">
    <td>内容5</td>
    <td>内容6</td>
  </tr>
  <tr class="row2">
    <td>内容7</td>
    <td>内容8</td>
  </tr>
</table>

.row1 {
  background-color: #F0F0F0;
}

.row2 {
  background-color: #CCCCCC;
}

<style>
  .row1 {
    background-color: #F0F0F0;
  }

  .row2 {
    background-color: #CCCCCC;
  }
</style>