如何在 Bootstrap 中更改表格行/单元格的背景颜色？

在 Bootstrap 中，您可以使用 CSS 类或内联样式来更改表格行或单个单元格的背景颜色。下面是一些示例代码和说明，供您参考。

使用 CSS 类更改表格行背景颜色

您可以为表格的每一行添加一个 CSS 类，然后为该类设置背景颜色。以下是使用 CSS 类更改表格行背景颜色的步骤：

1. 在 HTML 中，为要更改背景颜色的表格行添加一个自定义的 CSS 类。例如，假设我们要更改第一行的背景颜色，可以添加一个名为 "highlight" 的 CSS 类。

<table>
  <tr class="highlight">
    <td>Row 1, Column 1</td>
    <td>Row 1, Column 2</td>
  </tr>
  <tr>
    <td>Row 2, Column 1</td>
    <td>Row 2, Column 2</td>
  </tr>
</table>

2. 在 CSS 样式表中定义 "highlight" 类的背景颜色。

.highlight {
  background-color: yellow;
}

这将使第一行的背景颜色更改为黄色。

使用内联样式更改单个单元格背景颜色

如果您只想更改单个单元格的背景颜色，可以使用内联样式。以下是使用内联样式更改单个单元格背景颜色的步骤：

1. 在 HTML 中，添加一个 <td> 元素，并使用 style 属性设置背景颜色。

<table>
  <tr>
    <td style="background-color: cyan;">Row 1, Column 1</td>
    <td>Row 1, Column 2</td>
  </tr>
  <tr>
    <td>Row 2, Column 1</td>
    <td>Row 2, Column 2</td>
  </tr>
</table>

这将使第一个单元格的背景颜色更改为青色。

补充说明

• 您可以根据需要在 CSS 类或内联样式中指定任何合法的颜色值。例如，可以使用颜色名称、RGB 值或十六进制颜色代码。
• 您还可以使用其他 Bootstrap 类来进一步自定义表格的外观，如 .table-striped、.table-bordered、.table-hover 等。

希望这些示例能帮助您在 Bootstrap 中更改表格行/单元格的背景颜色！