Как сделать такие линии не картинкой, а чистым CSS?

Question

[Vladislav]

Как сделать такие линии не картинкой, а чистым CSS? понято что через автер / бефо, но там не указать же повторение одной полоски

Answer 1

[Ankhena]

Градиентом

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

https://jsfiddle.net/bohny472/

Comments

[Vladislav]

Ankhena спасибо

Answer 2

[Stalker_RED]

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

Можно при помощи псевдоэлементов.