你們好!今天是鐵人賽的第11天，今天一樣是說table的應用，在table上執行更多的變化，像滑鼠靠近table會有變化，或為了標記特定table...等。

hover

table-hover

<table class="table table-hover">
    <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上產生的變化，滑鼠在table就會變灰，這就是hover的使用。

active

table-active

<table class="table">
    <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 class="table-active">
            <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 class="table-active">(c1,r2)</td>
            <td>(c2,r2)</td>
            <td>(c3,r2)</td>
        </tr>
    </tbody>
</table>

active會讓特定table啟用，特別顯示其table，可以達到標記的效果。

各位大佬們好，今天的鐵人賽文章結束囉!很高興各位大佬們來看我的文章，讓我們期待明天的鐵人賽文章吧!也祝各位大佬們能順順利利的完成文章。