《学习笔记75》—— # HTML # 解决table的双边框问题

th（table header cell）—— 表头单元格。
td（table data cell）—— 表中的数据单元。
tr（table row）—— 表格中的一行。

表格示例：

  <table border="1">
    <tr>
      <th>姓名</th>
      <th>班级</th>
      <th>学号</th>
    </tr>
    <tr>
      <td>张三</td>
      <td>1班</td>
      <td>1</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>2班</td>
      <td>2</td>
    </tr>
  </table>

运行结果：

可见加上边框后，显示为双边框，为了解决这一问题可以加上样式border-collapse：collapse表示合并边框。

  <style>
    table{
      /* 边框合并 */
      border-collapse: collapse;
    }
  </style>

运行结果如下：