html - 如何将 table 操纵成这种形状？

Question

<分区>

Answer 1

你不能像倒L形那样合并一个td。相反，这可以通过调整边框样式来完成。

table {
border-collapse: collapse;
}

<table width="300" border="1px">
<tr>
    <td colspan="2" height="30" style="border-bottom: 0">
        &nbsp;
    </td>
</tr>
<tr>
    <td width="30" style="border-top: 0">
        &nbsp;
    </td>
    <td height="200">
        &nbsp;
    </td>
</tr>
</table>