Html 如何使用复选框创建这样的表？

如何使用复选框创建这样的表

我试过了，但做不到

我还希望内容不会超出指定的宽度

---

尽管我的示例中不使用内联样式（style=“”），但请将css放在单独的.css文件中

<table style="max-width: 500px;">
    <tr>
        <td rowspan="2"><input type="checkbox" /></td>
        <td colspan="7">a</td>
    </tr>
    <tr>
        <td>b</td>
        <td>c</td>
        <td>d</td>
        <td>e</td>
        <td>f</td>
        <td>g</td>
    </tr>
</table>

A.
B
C
D
E
F
G

尽管我不使用内联样式（style=“”），但请将css放在单独的.css文件中

<table style="max-width: 500px;">
    <tr>
        <td rowspan="2"><input type="checkbox" /></td>
        <td colspan="7">a</td>
    </tr>
    <tr>
        <td>b</td>
        <td>c</td>
        <td>d</td>
        <td>e</td>
        <td>f</td>
        <td>g</td>
    </tr>
</table>

A.
B
C
D
E
F
G

A.
B
C
D
E
F
G
​

A.
B
C
D
E
F
G
​

试试这个（）：

A.
B
C
D
E
F
G
​

试试这个（）：

A.
B
C
D
E
F
G
​

像什么？你有图像吗（我看不到，但那可能是因为它可能被屏蔽了）？@starbeamrainbowlabs他确实提供了一张图像。所以它可能在你这边被屏蔽了。如果你喜欢我的答案，请检查答案。Andy的答案类似，但你应该总是用“”引号来表示属性。比如什么？你有图像吗（我看不到，但那可能是因为它可能被屏蔽了）？@starbeamrainbowlabs他确实提供了一张图像。所以它可能在你这边被屏蔽了。如果你喜欢我的答案，请检查答案。Andy的答案类似，但您应该始终使用“”引号作为属性。您不需要三行。实际上，这里的colspan=6将做完全错误的事情。您不需要三行。实际上，这里的colspan=6会做非常错误的事情。

<table border=1>
<tr>
    <td rowspan=2 class='tdCheckbox'><input type="checkbox"/></td>
    <td colspan=7>a</td>
</tr>
<tr class='trMain'>
    <td>b</td>
    <td>c</td> 
    <td>d</td>
    <td>e</td> 
    <td>f</td>
    <td>g</td> 
</tr>
</table>​