用不同的色的行的背景 - 仅css

Question

是否可以使用不同颜色的行创建背景？

这里有一些伪代码来说明它：

body {
    row-1 {
        height: 250px;
        background-color: red;
    }
    row-2 {
        height: 250px;
        background-color: yellow;
    }
    .
    .
    .
    row-n {
        height: 250px;
        background-color: green;
    }
}

是否可以仅在css中执行此操作？

Answer 1

您可以使用渐变来实现此目的。您可以使用在线css梯度生成器。这是an example。

编辑：我想我误解了你的问题。你只是问如何给你身体不同的颜色不同的div？要么为它们提供所有独特的类，以便您可以独立地设置每个类，或者使用:nth-child(x)将x替换为要设置样式的div编号（例如，如果要设置第二个div的样式，请使用:nth-child(2)