Ingernirated
@Ingernirated
Романыч

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

  • Вопрос задан
  • 169 просмотров
Решения вопроса 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/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы