How to make such lines not an image, but pure CSS?

Question

css

How to make such lines not an image, but pure CSS? it is understood that through the author / befo, but there is no indication of the repetition of one strip

Answer 1

Gradient

background: linear-gradient(to right, red 8px, transparent 8px) repeat-x left / 10px 2px;

https://jsfiddle.net/bohny472/

Answer 2

<div style="width: 400px; border-top: dashed 3px green;">

You can use pseudo-elements.