title: Generate diagonal lines (stripes) in CSS
body: <p>I would like to know if it is possible to generate diagonal lines in css or svg to cover a div which will allow the background colour of the div to show through. Something like the following.</p>
  
  <p>If anyone has an example that would be helpful.</p>
  
  <p><img src="https://i.stack.imgur.com/o7uvz.png" alt="enter image description here"></p>