На современном CSS появилась возможность для создание геометрических фигур при помощи CSS. Где создадим форму виде круга, где можно добавить оформление, также оттенок цвета. Где задействуем элемент border-radius: 50%, который отвечает за изгибает границы элемента, чтобы создать круг.
HTML
Код
<div class="obvelemen-okruzhenug"></div>
CSS
Код
.obvelemen-okruzhenug {
border-radius: 50%;
width: 125px;
height: 125px;
background: #2d2a2a;
border: 3px solid #8f9194;
}
Поскольку круг имеет одинаковый радиус в любой заданной точке width и height должны быть одинаковыми.
Демонстрация
