其他分享
首页 > 其他分享> > bootcss 之 .table-hover 类 鼠标悬停

bootcss 之 .table-hover 类 鼠标悬停

作者:互联网

通过添加 .table-hover 类可以让 <tbody> 中的每一行对鼠标悬停状态作出响应。

 

<table class="table table-hover">
      <thead>
        <tr>
          <th>#</th>
          <th>First Name</th>
          <th>Last Name</th>
          <th>Username</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th scope="row">1</th>
          <td>Mark</td>
          <td>Otto</td>
          <td>@mdo</td>
        </tr>
        <tr>
          <th scope="row">2</th>
          <td>Jacob</td>
          <td>Thornton</td>
          <td>@fat</td>
        </tr>
        <tr>
          <th scope="row">3</th>
          <td>Larry</td>
          <td>the Bird</td>
          <td>@twitter</td>
        </tr>
      </tbody>
    </table>

标签:hover,Name,Thornton,bootcss,鼠标悬停,table,mdo
来源: https://www.cnblogs.com/apolloren/p/12022559.html