Свойство border-radius

#el1 {
border-radius:5px;
}
#el2 {
border-radius:10px;
}
#el3 {
border-radius:20px;
}
#el4 {
border-radius:15px;
}

Описание

Обратите внимание: данное свойство поддерживается в IE9+, Chrome, Firefox, Opera и Safari.

С помощью CSS3 свойства border-radius Вы можете сделать все углы элемента скглаженными.

Если Вы хотите сгладить только определенные углы следующие CSS3 свойства: border-top-left-radius (верхний левый угол), border-top-right-radius (верхний правый угол), border-bottom-left-radius (нижний левый угол), border-bottom-right-radius (нижний правый угол).