为表格行设置高级样式 - 在线编辑器

          <style>
  table {
    border: 1px solid black;
    font: 16px "Open Sans", Helvetica, Arial, sans-serif;
    border-spacing: 0;
    border-collapse: collapse;
  }

  th,
  td {
    border: 1px solid black;
    padding: 4px 6px;
  }

  th {
    vertical-align: bottom;
  }

  thead>tr {
    background-color: rgb(228, 240, 245);
  }

  thead>tr:nth-of-type(2) {
    border-bottom: 2px solid black;
  }

  thead>tr:last-of-type>th:nth-of-type(1) {
    background-color: rgb(225, 255, 225);
  }

  thead>tr:last-of-type>th:nth-of-type(2) {
    background-color: rgb(255, 225, 225);
  }

  tbody>tr:nth-of-type(even) {
    background-color: rgb(237, 238, 242);
  }

  tbody>tr>th:first-of-type {
    text-align: left;
    background-color: rgb(225, 229, 244);
  }

  tbody>tr>td:last-of-type {
    text-align: right;
  }
</style>

<table>
  <thead>
    <tr>
      <th rowspan="2">姓名</th>
      <th rowspan="2">编号</th>
      <th colspan="2">会员有效期</th>
      <th rowspan="2">余额</th>
    </tr>
    <tr>
      <th>加入</th>
      <th>到期</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="rowgroup">玛格丽特 阮</th>
      <td>427311</td>
      <td><time datetime="2010-06-03">2010-06-03</time></td>
      <td>n/a</td>
      <td>0.00</td>
    </tr>
    <tr>
      <th scope="rowgroup">爱德华 加林斯基</th>
      <td>533175</td>
      <td><time datetime="2011-01-13">2011-01-13</time></td>
      <td><time datetime="2017-04-08">2017-04-08</time></td>
      <td>37.00</td>
    </tr>
    <tr>
      <th scope="rowgroup">中村星</th>
      <td>601942</td>
      <td><time datetime="2012-07-23">2012-07-23</time></td>
      <td>n/a</td>
      <td>15.00</td>
    </tr>
  </tbody>
</table>

        