使用水平和垂直标题的表

<style>

  table {

    border-collapse: collapse;

    border-spacing: 0px;

  }

​

  table,

  th,

  td {

    padding: 5px;

    border: 1px solid black;

  }

</style>

​

<h4>表格使用水平标题</h4>

<table>

  <tr>

    <th>姓名</th>

    <th>电话</th>

  </tr>

  <tr>

    <td>小明</td>

    <td>555 77 854</td>

  </tr>

</table>

​

<h4>表格使用垂直标题</h4>

<table>

  <tr>

    <th>姓名：</th>

    <td>小明:</td>

  </tr>

  <tr>

    <th>Telephone:</th>

    <td>555 77 854</td>

  </tr>

</table>

​