Пример
#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) или процентах (%).