Bootstrap悬停响应表格

在Bootstrap中可以通过添加 .table-hover 类可以让 <tbody> 中的每一行对鼠标悬停状态作出响应。示例代码如下:

<table class="table table-hover">
<caption>悬停表格布局</caption>
<thead> <tr> <th>名称</th> <th>城市</th> <th>邮编</th> </tr> </thead>
<tbody> <tr> <td>Tanmay</td> <td>Bangalore</td> <td>560001</td> </tr>
<tr> <td>Sachin</td> <td>Mumbai</td> <td>400003</td> </tr>
<tr> <td>Uma</td> <td>Pune</td> <td>411027</td> </tr>
</tbody> </table>

效果如下:

Bootstrap悬停响应表格

猜你喜欢
珊瑚的养护方法 珊瑚花的养殖方法和注意事项
绿萝叶子怎么清洗 绿萝怎么清洗
红心火龙果渍怎么清洗 火龙果红色怎么清洗
桃子和西瓜一起吃会中毒吗
吃完小龙虾千万别碰5种食物 吃完小龙虾肚子疼是怎么回事
糖醋蒜腌制了一个月还没好 糖醋蒜没腌好,可以重新腌吗
糖尿病人能吃红薯吗 糖尿病人能吃红薯吗还有南瓜煮玉米
黑麦蒸豇豆的做法 黑豇豆的做法大全窍门
珍珠奶茶会胖吗 珍珠奶茶喝了会不会胖

很赞哦! ()