CSS3: border-radius
В CSS3 есть свойство "border-radius" которое закругляет края у элемента.
ebkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px
/* CSS3 (пока не поддерживается браузерами) */
border-radius: 6px;
/* Safari, Chrome */
-webkit-border-radius: 6px;
/* FireFox */
-moz-border-radius: 6px;
/* Можно задавать радиус для отдельного края */
border-top-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px; Свойство очень странно отрабатывается на элементе таблицы TH.
Очень наглядный сервис для генерации CSS3 кода:
http://border-radius.com/
