Is it possible to make a diagonal pinstripe like this in CSS?

Question

Is it possible using only CSS (and no images) a background like the blue one in the following photo? If so, how?

fiddle: https://jsfiddle.net/hd74keqq/

.striped-blue { background: #3777BB; padding: 20px;}
  .striped-blue p { color: #FFF; }

Answer 1

Maybe its help you :)

CSS:

div {
  width: 100%;
  height:900px;
  background: repeating-linear-gradient(
  -55deg,
  #3777BB,
  #3777BB 1px,
  #3072B8 1px,
  #3072B8 6px
);
}

It is partially similar.

Demo

You can play with the properties to accommodate your need.

div {
  width: 100%;
  height:900px;
  background: repeating-linear-gradient(
  -40deg,
  #3777BB,
  #3777BB 1px,
  #3072B8 1px,
  #3072B8 4.9px
);
}

Demo

Edit: Here you have more information of repeating-linear-gradient

Formal Syntax:

repeating-linear-gradient(  [ <angle> | to <side-or-corner> ,]? <color-stop> [, <color-stop>]+ )

More info