Как сверстать такой блок при помощи html css?

Question

Подскажите как сверстать блок внутри которого много кружков?

Answer 1

Сделать как предложили в комментариях

Создать много элементов с кружками?

Не вариант, проще уже использовать изображение (растровое или векторное - ваш выбор).

Можно средствами CSS (radial-gradient):

.dots {
  display: block;
  width: 200px;
  height: 200px;
  background-color: #ccc;
  background-image: 
    radial-gradient(
      circle,
      #f00 calc(35% - 1.25px),
      transparent 35%);
  background-size: 20px 20px;
}

<div class="dots"></div>

БЛОГ НА HUSL

Как сверстать такой блок при помощи html css?

Ответы (1 шт):