Div блок с диагональными полосками как фон

Рейтинг: 2Ответов: 1Опубликовано: 02.05.2015

Всем привет! Я облазал весь интернет и не смог найти ответ. Как сделать DIV блок с диагональными полосками как фон?

введите сюда описание изображения

css html css3
Источник: Stack Overflow на русском

Ответы

▲ 2Принят

http://jsfiddle.net/mbzebydj/

html {
  height: 100%;
  }
body {
  background: linear-gradient(-45deg,
      rgba(0, 0, 0, 0) 49.9%, 
      #1E989C 49.9%, #1E989C 60%, 
      rgba(0, 0, 0, 0) 60%
      ),
    linear-gradient(-45deg,
      #1E989C 10%,
      rgba(0, 0, 0, 0) 10%
      );
  background-size: 2em 2em;
  background-color: #fff;
  font: 40px/2 'Trebuchet MS', Verdana, sans-serif;
  }