Как сделать круглый блок css

Чтобы сделать блок круглой формы в CSS, можно использовать свойство border-radius. Это свойство задает скругление углов элемента и позволяет создавать различные формы объектов.

HTML:

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

CSS:

.circle {
  width: 100px;
  height: 100px;
  border-radius: 50%; /* устанавливаем половину ширины и высоты блока в качестве радиуса */
  background-color: red; /* опционально: добавляем цвет фона для блока */
}

В этом примере мы создали блок div с классом circle и применили к нему стиль с помощью CSS.

Чтобы сделать блок круглым, мы задали значения для свойства width и height (в данном случае 100 пикселей, но можно использовать любые другие значения). Затем мы установили свойство border-radius равным 50%, что означает, что радиус скругления углов будет равен половине ширины и высоты блока.

Дополнительно мы задали цвет фона для блока с помощью свойства background-color, чтобы он был виден на странице.

Также можно использовать свойство border-radius для создания блоков с другими формами, например, с овальной формой или с углами, скругленными только по верхним краям. Для этого нужно задать значения свойства вручную в пикселях или в процентах в зависимости от требуемой формы.