Html 使用CSS的嵌套表

Html 使用CSS的嵌套表,html,css,Html,Css,我知道这是一个非常简单的问题,但我不是设计师,所以我很难做到这一点 我在这里附上了我希望使用标签制作的屏幕截图 您应该搜索以下内容:D 你要找的是房产 它是如何工作的简单示例 单元格1单元格2单元格3 第4单元第5单元 对嵌套表格使用Html,对表格和单元格边框使用Css。大概是这样的: <table class="table demo-table"> <tbody> <tr> <td colspan="2"></td>

我知道这是一个非常简单的问题,但我不是设计师,所以我很难做到这一点

我在这里附上了我希望使用
标签制作的屏幕截图


您应该搜索以下内容:D

你要找的是房产

它是如何工作的简单示例

单元格1单元格2单元格3
第4单元第5单元

对嵌套表格使用Html,对表格和单元格边框使用Css。大概是这样的:

<table class="table demo-table">
<tbody>
  <tr>
    <td colspan="2"></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>
      <table class="table demo-table2">
        <tbody>
          <tr>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td></td>
            <td></td>
          </tr>
        </tbody>
      </table>
    </td>
    <td></td>
    <td colspan="2"></td>
  </tr>
</tbody>
</table>

查看呈现的表格

查找单词
colspan
.demo-table {
  border: 1px solid black;
  display:table;
}

.demo-table td {
  height:50px;
  width:50px;
}

.table td {
  border: 1px solid black;
}