使用 CSS 效果创建 HTML 表格 [重复]

Question

我正在开发一个网页，我想在其中插入一个表格，如图所示。我知道如何使用 HTML 表格，但我对创建它感到困惑。我尝试了很多来做到这一点，但他们没有按照我的意愿工作。如果有人可以指导我开发这张桌子，我真的很感激。

<table class="table table-bordered table-responsive" style="border-collapse: collapse; text-align: center; float: right;" border="1">
  <tbody>
    <tr>
      <td></td>
      <td style="text-align: center;" colspan="2">Table Data</td>
    </tr>
    <tr>
      <th>Type </th>
      <th>Orders<br />Phone/Fax/Email/Post</th>
      <th>Number</th>
    </tr>
  </tbody>
  <tbody>
    <tr>
      <td>Type 1</td>
      <td>Order 1</td>
      <td>Num 1</td>
    </tr>
    <tr>
      <td>Type 2</td>
      <td>Order 2</td>
      <td>Num 2</td>
    </tr>
    <tr>
      <td>Type 3</td>
      <td>Order 3</td>
      <td>Num 3</td>
    </tr>
    <tr>
      <td>Type 4</td>
      <td>Order 4</td>
      <td>Num 4</td>
    </tr>
    <tr>
      <td>Type 5</td>
      <td>Order 5</td>
      <td>Num 5</td>
    </tr>
  </tbody>
</table>

这并没有给出我想要的输出

Answer 1

1. File
2. Save as
3. 选择文件名
4. 将文件类型更改为HTML Page
5. 检查 HTML

如果您想手工制作这张桌子，请查看colspan 和rowspan 或this SO question