html - 将 td 封闭在 div 中

Question

我有一个表格，并希望在其中包含一个 div，以便 div 包含一些表格行。但是它不起作用。

<table>
<tr><td> one</td></tr>

<div style="color: yellow;">
<tr><td> two</td></tr>
<tr><td> three</td></tr>
</div>

<tr><td> four </td></tr>
</table>

是否可以将表格行括在 div 中？

非常感谢您提供的任何建议。

Answer 1

使用<tbody>标签将行组合在一起：

<table>
    <tr><td> one</td></tr>
    <tbody style="color: yellow;">
        <tr><td> two</td></tr>
        <tr><td> three</td></tr>
    </tbody>
    <tbody style="color: red;">
        <tr><td> four </td></tr>
    </tbody>
</table>

测试用例。