HTML表格样式及布局（table）

 CSS

 <style>
        table {
            text-align: center;
            width: 40%;
            margin: 100px auto;

            border: 1px solid #eee;
            border-collapse: collapse;
        }

        .table-bordered tr th {
            border: 1px solid #eee;
        }

        td {
            border: 1px solid #eee;
        }
    </style>

HTML

  <table class="table table-bordered table-striped">
        <tr>
            <th colspan="5">
                班级统计表
            </th>
        </tr>
        <tr>
            <th>序号</th>
            <th>
                姓名</th>
            <th>班级</th>
            <th>学号</th>
            <th>性别</th>

        </tr>
        <tr>
            <td>1</td>
            <td>yue</td>
            <td>3班</td>
            <td>000001</td>
            <td>女</td>
        </tr>
        <tr>
            <td>2</td>
            <td>yue</td>
            <td>3班</td>
            <td>000001</td>
            <td>女</td>
        </tr>
        <tr>
            <td>3</td>
            <td>yue</td>
            <td>3班</td>
            <td>000001</td>
            <td>女</td>
        </tr>
        <tr>
            <td>4</td>
            <td>yue</td>
            <td>3班</td>
            <td>000001</td>
            <td>女</td>
        </tr>
    </table>