CSS border radius округляет углы, но не фон

Я использую 15px закругленную границу на div, и сама граница закруглена снаружи, но внутри (где граница встречается с фоном) это все еще квадратный угол.

Пример: http://jsfiddle.net/BQT5F/1/

Я думал, что background-clip поможет здесь, но это не так.

(Кроме того, я знаю, что он не совместим с IE, я просто стремлюсь к chrome и FF на данный момент)

1 2
css3 rounded-corners

1 ответ:

Чтобы получить закругленную внутреннюю границу, радиус границы должен быть больше толщины границы. Например:

Радиус границы: 30px; ширина границы: 15px;

3