Как округлить углы не только снаружи но и внутри?

Question

[Junior Coder]

Как округлить углы не только снаружи но и внутри? Посмотрите скрин.

Answer 1

[Юрий]

Как вариант, через псевдоэлемент:

Comments

[Василий Банников]

прикол в том, что не всегда такое работает, видимо)

[Ankhena]

Василий Банников, Юрий border-radius для псевдо забыли

[Юрий]

Ankhena, я его на белой части на скриншоте в упор не вижу )) Рабочий монитор разницу между белым и 15% серого не очень воспринимает. Но добавить не проблема, конечно.

[Ankhena]

Юрий, по всей видимости, на скрине не образец, а как раз печаль.

Answer 2

[tyoma_koder]

border-radius отлично всё скругляет

Comments

[Junior Coder]

Вот у меня внутри не округляет.
border-radius: 20px;

[Роман Якимчук]

Это разные элементы.
Делайте округление и внешнему, и внутреннему элементу.

[Варлам Ерофеич]

У меня всё "скруглилось"... (смотрим css)

Answer 3

[Stalker_RED]

div {
  border: solid 10px gray;
  border-radius: 20px;
}

Что не так?

Comments

[Сергей delphinpro]

Проблема в радиусах меньших или равных ширине рамки.