È possibile creare una striscia gessata diagonale come questa in CSS?

Question

È possibile utilizzare solo CSS (e nessuna immagine) uno sfondo come quello blu nella foto seguente? Se é cosi, come?

violino: https://jsfiddle.net/hd74keqq/

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

Answer 1

Forse il suo aiuto :)

CSS:

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

E 'in parte simile.

Demo

Si può giocare con le proprietà per soddisfare il vostro bisogno.

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

Demo

Edit: Qui si hanno più informazioni di ripetere-lineare gradiente

Sintassi formale:

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

More info