今天是鐵人賽的第10天，距離鐵人賽結束還有20天呀!真是不容易，光是想這10天的文章就想破頭了，實在是沒什麼經驗寫這樣的文章，這感覺像心得，又覺得哪裡怪怪的，我想之後有機會參賽的話，文章能寫個不錯的主題和技術。

在table上增添色彩吧!不讓table顯得單調

增添色彩

<table class="table table-primary">
    <thead>
        <tr class="table-danger">
            <th scope="col">row\col</th>
            <th scope="col">col1</th>
            <th scope="col">col2</th>
            <th scope="col">col3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th class="table-secondary" scope="row">row1</th>
            <td class="table-info">(c1,r1)</td>
            <td>(c2,r1)</td>
            <td class="table-info">(c3,r1)</td>
        </tr>
        <tr>
            <th class="table-secondary" scope="row">row2</th>
            <td>(c1,r2)</td>
            <td class="table-info">(c2,r2)</td>
            <td>(c3,r2)</td>
        </tr>
    </tbody>
</table>

增添條紋行清楚表現row跟row

條紋行

<table class="table table-info table-striped">
    <thead>
        <tr>
            <th scope="col">row\col</th>
            <th scope="col">col1</th>
            <th scope="col">col2</th>
            <th scope="col">col3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th scope="row">row1</th>
            <td>(c1,r1)</td>
            <td>(c2,r1)</td>
            <td>(c3,r1)</td>
        </tr>
        <tr>
            <th scope="row">row2</th>
            <td>(c1,r2)</td>
            <td>(c2,r2)</td>
            <td>(c3,r2)</td>
        </tr>
    </tbody>
</table>

今天是關於table在表格色彩和明顯row跟row之間的表現，不讓table顯得單調，一旦量多也能方便閱讀，還有美觀網頁的，今天的鐵人賽文章就告一段落，希望各位朋友能好好地完成比賽，迎接第30天的到來，我們明天見，bye~bye~