Question

有没有办法在TR级别通过CSS应用背景颜色？我可以在TD级别上应用它：

    .my-td{
        background-color: #E8E8E8;
        background:#E8E8E8;
    }

然而，当我尝试在TR级别应用背景颜色时，似乎没有应用背景颜色，如下所示：

    .my-tr{
        background-color: #E8E8E8;
        background:#E8E8E8;
    }

是否有CSS技巧使这项工作或CSS由于某种原因本身不支持这个？

Answer 1

默认情况下，在表格行上应用背景颜色有效。

以下是一个例子：

.odd {
  background-color: pink;
}

.even {
  background-color: yellow;
}

<table>
  <tr class="odd">
    <td>a1</td>
    <td>a2</td>
  </tr>
  <tr class="even">
    <td>b1</td>
    <td>b2</td>
  </tr>
  <tr class="odd">
    <td>c1</td>
    <td>c2</td>
  </tr>
  <tr class="even">
    <td>d1</td>
    <td>d2</td>
  </tr>  
</table>

其他一些必须干扰您的颜色，或者如果这对您不起作用，则会遇到特定的浏览器问题。

有没有办法在tr级别通过css应用背景颜色？

1 个答案: