为了账号安全,请及时绑定邮箱和手机立即绑定

为什么我输入table-hover的属性不显示效果

<table class="table table-hover table-bordered">
   <thead>
   <tr>
       <td>列表一</td>
       <td>列表二</td>
       <td>列表三</td>
       <td>列表四</td>
       <td>列表五</td>
   </tr>
   <tr class="danger">
       <td>one</td>
       <td>two</td>
       <td>three</td>
       <td>five</td>
       <td>four</td>
   </tr>
   <tr class="waring">
       <td>one</td>
       <td>two</td>
       <td>three</td>
       <td>five</td>
       <td>four</td>
   </tr>
   <tr class="success">
       <td>one</td>
       <td>two</td>
       <td>three</td>
       <td>five</td>
       <td>four</td>
   </tr>
   <tr class="active">
       <td>one</td>
       <td>two</td>
       <td>three</td>
       <td>five</td>
       <td>four</td>
   </tr>
   </thead>
</table>

正在回答

3 回答

<table class="table table-hover table-bordered">
   <thead>
   <tr>
       <td>列表一</td>
       <td>列表二</td>
       <td>列表三</td>
       <td>列表四</td>
       <td>列表五</td>
   </tr>

</thead>

<tbody>

   <tr class="danger">
       <td>one</td>
       <td>two</td>
       <td>three</td>
       <td>five</td>
       <td>four</td>
   </tr>
   <tr class="waring">
       <td>one</td>
       <td>two</td>
       <td>three</td>
       <td>five</td>
       <td>four</td>
   </tr>
   <tr class="success">
       <td>one</td>
       <td>two</td>
       <td>three</td>
       <td>five</td>
       <td>four</td>
   </tr>
   <tr class="active">
       <td>one</td>
       <td>two</td>
       <td>three</td>
       <td>five</td>
       <td>four</td>
   </tr>
   </tbody>
</table>

1 回复 有任何疑惑可以回复我~
#1

qq_狂泽_04395574 提问者

非常感谢!
2017-07-14 回复 有任何疑惑可以回复我~

因为只对tbody里面内容生效,t 代表table  body 代表身体。 head代表头  所以要想生效需要将内容放在tbody中

0 回复 有任何疑惑可以回复我~

<thead>是定义表头,主体用<tbody>标签

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么我输入table-hover的属性不显示效果

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信