css tr style背景色

CSS中的表格样式中有一个重要的属性是带有背景色的tr（行）元素。 让我们来看看如何使用CSS为表格行设置背景颜色。

  
    tr {
      background-color: lightgray;
    }
  

如上面的代码所示，我们使用了“background-color”属性来设置表格行的背景颜色。 在这种情况下，我们将背景颜色设置为浅灰色（lightgray）。

但是，我们也可以为不同的表格行设置不同的背景色。 在这种情况下，我们需要为每个表格行将背景颜色设置为不同的值。 例如：

  
    tr:nth-child(odd) {
      background-color: lightgray;
    }
    tr:nth-child(even) {
      background-color: white;
    }
  

如上所示，我们使用了“:nth-child”伪类来为奇数行和偶数行设置不同的背景颜色。

使用CSS为表格行设置背景色可以使表格更加易于阅读。您可以将背景颜色设置为适合您网站的颜色，以增强您网站的视觉吸引力。