Как скруглить края в CSS

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

border-radius: 10px;

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

border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;

В этом примере мы скругляем только левый верхний угол элемента.

реклама

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

реклама

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

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

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

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

Закажите услугу Как скруглить края в CSS

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