Как создать круг в CSS

Есть несколько способов создания круга в CSS. Вот один из них, используя CSS свойство border-radius:

HTML:

<div class="circle"></div>

CSS:

.circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: red;
}

В данном примере мы создаем div-элемент с классом .circle. Мы задаем ему ширину и высоту 100 пикселей. Затем мы устанавливаем значение свойства border-radius равным 50%, что делает круг с радиусом половины высоты и ширины элемента. Наконец, мы устанавливаем красный цвет для фона элемента.

Вы можете настроить размер и цвет круга, изменяя соответствующие свойства в CSS-коде.