Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про CSS: css, border

Как сделать так, чтобы у блока были закруглённые углы?

Этот вопрос проверяет знание CSS-свойства, которое позволяет создать закругленные углы.

Короткий ответ

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

Например, border-radius: 10px создаст закругленные углы с радиусом 10 пикселей.

Длинный ответ

Свойство border-radius в CSS позволяет задавать радиус скругления углов элемента. Чем больше значение, тем сильнее закругляются углы. Это свойство можно использовать как для квадратных, так и для прямоугольных элементов, включая изображения, кнопки, блоки и другие HTML-элементы.

  • Закругление всех углов одинаково: Указав одно значение, можно задать радиус для всех углов сразу, например, border-radius: 15px закруглит все углы элемента на 15 пикселей.

  • Закругление отдельных углов: Можно задать разные значения для каждого угла, например, border-radius: 10px 20px 30px 40px, где значения идут в порядке: верхний левый, верхний правый, нижний правый, нижний левый.

  • Процентное закругление: Если использовать процентные значения, например, border-radius: 50%, это создаст полностью круглую форму у элемента, если его ширина и высота равны.

Свойство border-radius позволяет легко создавать современные интерфейсы с мягкими границами и скругленными элементами.

Уровень

  • Рейтинг:

    1

  • Сложность:

    1

Навыки

  • CSS

    CSS

Ключевые слова

#css

#border

Подпишись на React Developer в телеграм