使用HTML制作表格

---

嗨！我目前正在学习HTML编码。有人能帮我做一张桌子吗？就像我所附的图片一样

您可以尝试下面的代码片段来了解html结构是什么样的

<table cellpadding="0" cellspacing="0">
    <tr>
        <td>    
            <table cellpadding="0" cellspacing="0" style="margin: auto;">
                <tr>
                    <td style="border: 1px solid black; height: 100px;width: 200px;border-bottom: 0; border-right:0;"></td>
                    <td style="border: 1px solid black; height: 100px;width: 200px;border-bottom: 0;"></td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>    
            <table cellpadding="0" cellspacing="0">
                <tr>
                    <td style="border: 1px solid black; height: 100px;width: 200px;border-collapse: collapse; border-right:0; "></td>
                    <td style="border: 1px solid black; height: 100px;width: 200px;border-collapse: collapse;"></td>
                    <td style="border: 1px solid black; height: 100px;width: 200px;border-collapse: collapse; border-left:0;"></td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>    
            <table cellpadding="0" cellspacing="0" style="margin: auto">
                <tr>
                    <td style="border: 1px solid black; height: 100px;width: 200px;border-top: 0; border-right:0;"></td>
                    <td style="border: 1px solid black; height: 100px;width: 200px;border-top: 0;"></td>
                </tr>
            </table>
        </td>
    </tr>   
</table>

此外，请检查此处的链接以了解工作演示-

---

我已经使用了内联样式，您可以创建css类并将它们分配给所需的元素。

表格中有使单元格水平对齐的列。你的东西没有水平对齐，所以桌子不合适

我只会使用嵌套的div。一个父对象对您的内容进行分组，由行的三个div组成，每个div包含单元格的两个或三个div

<div class="thing">
    <div>
        <div>a</div><div>b</div>
    </div>
    <div>
        <div>c</div><div>d</div><div>e</div>
    </div>
    <div>
        <div>f</div><div>g</div>
    </div>
</div>

棘手的事情是折叠细胞的边界。这对于一个真正的表来说很容易做到，但是对于我们的div，我们需要编写更多的CSS

---

查看此处的全部内容

您可以通过使用属性为顶行和底行构造单个单元格，开始创建如图所示的表。然后，您可以在最外层的单元格中插入一个只有两个单元格（没有最内层边框）的新居中表格

下面是一个完整的示例：

表格{
边界塌陷：塌陷；
}
运输署{
高度：85px；
填充：0；
宽度：90px；
}
.中心{
保证金：自动；
}
.边界{
边框：3倍实心#000；
}
1.没有底部{
边界底部：0；
}
没有上衣{
边界顶部：0；
}

---

您试过什么吗？

.thing > div {
    text-align: center;
}