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

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

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

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

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

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

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

реклама

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

реклама

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

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

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

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

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

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