Скругление углов в CSS - border-radius

С помощью CSS 3 можно без труда задать  нужное значение для скругления уголков. Секс с множеством картинок остался в прошлом. Большинство современных браузеров поддерживают значение border-radius, теперь самое время плюнуть на те никчемные проги, которые это не умеют и начать экономить свое время.   

Тем не менее одним свойством мы не обойдемся, тк разные семейства браузеров предпочитают несколько разные записи, но запоминать их все не обязательно.

Можно просто добавить в закладки генератор - CSS скругления уголков.

Синтаксис

.rounded {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

Узнайте как сделать стильные текстовые заголовки с тенью и как оформить тень для блока. Тени в CSS