Как с помощью стилей сделать заливку квадратами?

Question

[weranda]

Приветствую.
Подскажите, пожалуйста, как сделать так, чтобы блок длиной 100% и высотой 1px залить с помощью только лишь стилей так, чтобы был шаблон: пиксель цветной, два пустых пикселя, пиксель цветной, два пустых пикселя, пиксель цветной, два пустых пикселя, пиксель цветной, два пустых пикселя...?
точка пусто пусто точка пусто пусто точка пусто пусто
Интересует именно с помощью только лишь стилей без фоновых изображений и свг.

Comments

[Aetae]

Решение предложено в ответах, но на самом деле рекомендация для таких вещей - таки сделать картинку, причём не 1х3px, а 1х300+px и использовать её в виде data-uri. Почему? Потому что это будет куда легче в плане вычислительной нагрузки. Например:

data:image/gif;base64,R0lGODlh8AABAIAAAAAAAP///yH5BAEAAAEALAAAAADwAAEAAAIYRGJ4yesKW3yy0juz1Xj7DnLiN4bkaT4FADs=

Answer 1

[xdevelx]

https://codepen.io/xdevelx/pen/xxmgMbN