SOURCE

<table>
    <caption>Web前端开发课程学生名册</caption>
    <thead>
        <tr>
            <td>学号</td>
            <td>姓名</td>
            <td>班级</td>
        </tr>
    </head>
    <tbody>
        <tr>
            <td>001</td>
            <td>姓名</td>
            <td>班级</td>
        </tr>   
        <tr>
            <td>002</td>
            <td>姓名</td>
            <td>班级</td>
        </tr>
        <tr>
            <td>003</td>
            <td>姓名</td>
            <td>班级</td>
        </tr>
        <tr>
            <td>004</td>
            <td>姓名</td>
            <td>班级</td>
        </tr> 
    </tbody>
    <tfoot>
        <td colspan="3"  align="right">制表人：路人甲</td>
    </tfoot>
</table>

* {
    padding:3px 24px
}
thead {
    background-color:orange;
}
tbody > tr:nth-of-type(2n+1) {
    background-color:deepskyblue;
}
tbody > tr:nth-of-type(2n) {
    background-color:gainsboro;
}