Как закруглить блок CSS

Для закругления блока в CSS используется свойство border-radius. Например, чтобы закруглить блок с классом «box» с радиусом 10 пикселей, нужно добавить следующий CSS код:

.box {
border-radius: 10px;
}

Если нужно закруглить только один угол, можно использовать следующий синтаксис:

.box {
border-top-left-radius: 10px;
}

Где border-top-left-radius — свойство для закругления верхнего левого угла блока. Аналогично можно использовать свойства border-top-right-radius, border-bottom-left-radius и border-bottom-right-radius для закругления других углов.