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