Как весь блок заполнить точками?

Question

[Никита Ройсман]

Использую:

border-left: 8px dotted #000;
border-right: 8px dotted #000;

Сперва и слева точки, но только в одну линию. Как можно заполнить весь блок? width не получается(

Должно быть так:

Answer 1

[Ankhena]

Повторяющимся радиальным градиентом
https://jsfiddle.net/Ankhena/h21s4o0m/

Answer 2

[Антон Антон]

Тут проще фоновый рисунок с https://developer.mozilla.org/ru/docs/Web/CSS/back... сделать