Фон с разными цветными рядами - только 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.

EDIT: Я думаю, что я неверно истолковал ваш вопрос. Вы просто спрашиваете, как давать разные div в вашем теле разные цвета? либо дайте им все отличительные классы, чтобы вы могли самостоятельно их подстроить или использовать :nth-child(x), где вы заменяете x номером div, который хотите по стилю (например, если вы хотите стилизовать второй div, используйте :nth-child(2)