通过添加.table-hover类，当光标悬停在行上时，将在行中添加浅灰色背景？

在Bootstrap当用户的鼠标悬停在表格的某一行上时，这一行会变为浅灰色背景。

以下是一个简单的例子：

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

在这个例子中，当您将鼠标悬停在表格的任何一行上时，该行的背景颜色将变为浅灰色。

但是，如果你想要自定义悬停的背景颜色，你可以通过CSS来实现。例如，如果你想要将悬停的背景颜色设置为浅灰色（#f5f5f5），你可以添加以下的CSS代码：

.table-hover tbody tr:hover {
    background-color: #f5f5f5;
}

这段代码将使得当你的鼠标悬停在表格的某一行上时，该行的背景颜色变为#f5f5f5。