Как закруглить блок 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 для закругления других углов.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как закруглить блок CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали