为表格行设置基本样式 - 在线编辑器

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

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

th, td {
  border: 1px solid black;
  padding:4px 6px;
}
</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>

        