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

Question

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

Рейтинг: -1Ответов: 1Опубликовано: 04.03.2023

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

css html

Источник: Stack Overflow на русском

Answer 1

▲ 2

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

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

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

Можно средствами 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>

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

Ответы