Задать вопрос
Ingernirated
@Ingernirated
Романыч

Border-radius округляет весь блок, а как закруглить только уголки?

  • Вопрос задан
  • 176 просмотров
Подписаться 1 Оценить 5 комментариев
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 4
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
Ну, епть, конечно же задать border-radius в px, а не в %.
https://jsfiddle.net/webirus/4qn2Lnht/5/
Ответ написан
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
@vetsmen
Используй не процентное соотношение, а пиксельную величину.
Т.е. https://jsfiddle.net/4qn2Lnht/7/
Ответ написан
Комментировать
В бордере можно задавать 1, 2, 4 значения, они обрабатываются с верхнего левого угла по часовой стрелке.
border-radius:30px 30px 0 0;
Также можно задавать овальное скругление через % или в единицах(px, em, rem)
border-radius:0 0 30px 30px/0 0 50px 50px;
https://jsfiddle.net/4qn2Lnht/12/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы