Чтобы сделать блок круглой формы в 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 для создания блоков с другими формами, например, с овальной формой или с углами, скругленными только по верхним краям. Для этого нужно задать значения свойства вручную в пикселях или в процентах в зависимости от требуемой формы.
