Bootstrap的斑馬線

斑馬線表格直接在table標(biāo)簽當(dāng)中加入類名即可使用。

<h1>斑馬線表格</h1>
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>表格標(biāo)題</th>
                    <th>表格標(biāo)題</th>
                    <th>表格標(biāo)題</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>單元格</td>
                    <td>單元格</td>
                    <td>單元格</td>
                </tr>
                <tr>
                    <td>單元格</td>
                    <td>單元格</td>
                    <td>單元格</td>
                </tr>
                <tr>
                    <td>單元格</td>
                    <td>單元格</td>
                    <td>單元格</td>
                </tr>
            </tbody>
        </table>

記住，使用樣式的時候一定要先加入表格基礎(chǔ)類 table。然后再加入修飾類table-striped

斑馬線表格