Как сделать такую линию вверху сайта?

Question

[Vell12]

Answer 1

[lemme]

Как сверстать шапку?

В тех ответах - нету такого, ну, мало ли, очередной вариант ;)

div {
  height: 1px;
  background-image: repeating-linear-gradient(to right,
    green 0, green 1em,
    purple 1em, purple 2em,
    tomato 2em, tomato 3em,
    blue 3em, blue 4em
  );
}

Comments

[zooks]

Уже какой раз встречается. Дизайнерский штамп...

[lemme]

zooks: стильно, модно, молодежно.

Answer 2

[IceJOKER]

рисуете ту часть, которая повторяется ОДИН РАЗ и повторяете по горизонтали.
в данном случае 5 цветов повторяются

Answer 3

[zooks]

С реального проекта:

.wrapper {
    padding-top: 15px;
    background: url("img/bg-top.jpg") repeat-x center top;
}