Как сделать круг в css

Существует несколько методов определения динамических круглых форм в HTML и CSS, каждый из которых имеет свои плюсы и минусы. Рассмотрим самый распространённый их них. Простейший вариант это скруглить углы блока на 50%. Для этого используется свойство border-radius. Например:

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

.circle {
  background: #black;
  border-radius: 50%;
}