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

Для создания закругленных углов у блока в CSS нужно использовать свойство border-radius.

Например, для того, чтобы сделать блок с закругленными углами, задайте border-radius свойство со значением радиуса, в пикселях или процентах:

.rounded-block {
  border-radius: 10px; /* радиус углов равен 10 пикселей */
}

Также вы можете использовать проценты — например, чтобы сделать закругление блока на 50%:

.rounded-block {
  border-radius: 50%; /* радиус углов равен 50% от высоты/ширины блока */
}

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