更改原始背景颜色

Question

我想更改 raw 的背景颜色但不会更改

我已经输入但仍然不会更改<tr class="bg-green text-white">

<table border="0" class="table-striped" style="width:100%;table-layout:fixed">
   <thead>
     <tr class="bg-green text-white">
        <th style="text-align:center">الترتيب</th>
        <th style="text-align:center">النادي</th>
        <th style="text-align:center">لعب</th>
        <th style="text-align:center">فاز</th>
        <th style="text-align:center">تعادل</th>
        <th style="text-align:center">خسر</th>
        <th class="d-none d-sm-table-cell" style="text-align:center">له</th>
        <th class="d-none d-sm-table-cell" style="text-align:center">عليه</th>
        <th style="text-align:center">فارق</th>
        <th style="text-align:center">نقاط</th>
      </tr>
   </thead>
</table>

Answer 1

如果您正在使用 bootstrap，您可以使用一些常见的 class 来更改行的背景颜色。喜欢-

<!-- On rows -->
<tr class="table-active">...</tr>

<tr class="table-primary">...</tr>
<tr class="table-secondary">...</tr>
<tr class="table-success">...</tr>
<tr class="table-danger">...</tr>
<tr class="table-warning">...</tr>
<tr class="table-info">...</tr>
<tr class="table-light">...</tr>
<tr class="table-dark">...</tr>

<!-- On cells (`td` or `th`) -->
<tr>
  <td class="table-active">...</td>
  
  <td class="table-primary">...</td>
  <td class="table-secondary">...</td>
  <td class="table-success">...</td>
  <td class="table-danger">...</td>
  <td class="table-warning">...</td>
  <td class="table-info">...</td>
  <td class="table-light">...</td>
  <td class="table-dark">...</td>
</tr>

Bootstrap Ref

但如果您尝试仅使用 html 和 css 进行更改，那么您可以这样尝试。

tr{
  background-color: blue;
}

更改原始背景颜色

Changing Raw Background Color

html

colors

background

raw