BootStrap 之 CSS全局样式中的表格

<table>
    <caption>学生信息表</caption>
    <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>性别</th>
        <th>操作</th>
    </tr>
    <tr>
        <td>1</td>
        <td>令狐冲</td>
        <td>男</td>
    </tr>
    <tr>
        <td>2</td>
        <td>东方不败</td>
        <td>男</td>
    </tr>
    <tr>
        <td>3</td>
        <td>五毒教主</td>
        <td>女</td>
    </tr>
</table>

<table class="table">
    <caption>学生信息表</caption>
    <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>性别</th>
    </tr>
    <tr>
        <td>1</td>
        <td>令狐冲</td>
        <td>男</td>
    </tr>
    <tr>
        <td>2</td>
        <td>东方不败</td>
        <td>男</td>
    </tr>
    <tr>
        <td>3</td>
        <td>五毒教主</td>
        <td>女</td>
    </tr>
</table>

<table class="table table-striped">
    <caption>学生信息表</caption>
    <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>性别</th>
    </tr>
    <tr>
        <td>1</td>
        <td>令狐冲</td>
        <td>男</td>
    </tr>
    <tr>
        <td>2</td>
        <td>东方不败</td>
        <td>男</td>
    </tr>
    <tr>
        <td>3</td>
        <td>五毒教主</td>
        <td>女</td>
    </tr>
</table>

<table class="table table-striped table-bordered">
    <caption>学生信息表</caption>
    <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>性别</th>
    </tr>
    <tr>
        <td>1</td>
        <td>令狐冲</td>
        <td>男</td>
    </tr>
    <tr>
        <td>2</td>
        <td>东方不败</td>
        <td>男</td>
    </tr>
    <tr>
        <td>3</td>
        <td>五毒教主</td>
        <td>女</td>
    </tr>
</table>