Пример
#el1 { border-top-left-radius:20px; } #el2 { border-top-right-radius:20px; } #el3 { border-bottom-left-radius:20px; } #el4 { border-bottom-right-radius:20px; }
Обратите внимание: данное свойство поддерживается в IE9+, Chrome, Firefox, Opera и Safari.
С помощью CSS3 свойства border-top-left-radius Вы можете сгладить верхний левый угол элемента.
Величина сглаживания угла может быть указана в пикселях (px) или процентах (%).