Unlabel'd table rows

Nothing interesting.

by odraencoded

HTML

<table>
    <tbody id="checkbox1">
    <tr>
        <td rowspan=2><input type="checkbox" /></td>
        <td>A</td>
        <td>B</td>
        <td>C</td>
    </tr>
    <tr>
        <td>a</td>
        <td>b</td>
        <td>c</td>
    </tr>
    </tbody>
    <tbody id="checkbox2">
    <tr>
        <td rowspan=2><input type="checkbox" /></td>
        <td>D</td>
        <td>E</td>
        <td>F</td>
    </tr>
    <tr>
        <td>d</td>
        <td>e</td>
        <td>f</td>
    </tr>
    </tbody>
</table>

CSS

table {
    display: table;
    margin: 10px;
}

#checkbox1 > tr {
    background-color: #fee;
}

#checkbox2 > tr{
    background-color: #efe;
}

td {
    padding: 3px;
    border: 2px solid black;
}