Чтобы использовать CSS-свойство border-radius для создания круговых элементов, нужно: 1

1. Добавить HTML-элемент. 1 Например, если нужно сделать круглое изображение, то в HTML добавляется элемент изображения с атрибутами alt и source. 1
2. Установить равные ширину и высоту. 1 Чтобы элемент был кругом, его ширина и высота должны быть фиксированными и равными. 1
3. Задать значение свойства border-radius равным 50%. 14

Например, для формирования круга диаметром 100 пикселей код будет таким: 4

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

Если нужно, чтобы круг растягивался до формы таблетки, вместо 50% для border-radius устанавливают половину высоты элемента. 2 Если высота неизвестна, выбирают произвольно большое значение (например, 99em). 2