Как сделать такую линию вверху сайта?
Как сверстать шапку?
В тех ответах - нету такого, ну, мало ли, очередной вариант ;)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
  );
}
рисуете ту часть, которая повторяется ОДИН РАЗ и повторяете по горизонтали.
в данном случае 5 цветов повторяются