CSS фигуры: круг
создаем круг с помощью CSS
Создать круг с помощью CSS легко и просто
<div class="circle"></div>
Допустим у нас уже есть квадрат:
.square {
width: 300px;
aspect-ratio: 1;
background: black;
}
Теперь нужно задать округлую форму. Нам поможет свойство border-radius. Присвоим ему значение 50% или больше:
.circle {
width: 300px;
aspect-ratio: 1;
background: black;
border-radius: 50%;
}
Спасибо за внимание.
