Имитация закругления в CSS 2оригинал, с картинками http://vremenno.net/html-css/38-articles-about-creating-rounded-corners/Без использования пустых теговПростой, семантически правильный CSS блок с чистым кодомСоздает блок и добавляет возможность создания заголовка блока. Тянется по ширине и высоте. Несмотря на тень на примере, реализации полупрозрачной тени не предусмотрено.
Закругленные углы в CSSОчень приятный внешний вид, простая реализация, малое количество HTML-элементов. К минусам, пожалуй, можно отнести только наличие 4 картинок для каждого из углов. Но увы не работает в IE.
CSS тизер-блокПредусмотрена реализация как одно- так и двух-картиночного метода. Малое количество HTML-элементов. Очень удобно для создания тизеров.
Ссылки на последние новостиОчень интересное решение на основе неупорядоченного списка. Плюсом будет простая реализация и малое количество HTML-элементов. Приятное оформление с функцией изменения цвета при наведении мышкой (но эта приятность не работает в IE).
CSS и закругленные углы: Границы с дугамиНеоспоримым минусом является наличие 8 дивов для реализации. Так же в статье есть описание другого метода, в котором используется в 2 раза меньше дивов, но блок залит цветом.
Озаглавленные сверху углыРеализовано на основе списков определений. Достаточно красивое оформление, возможность создания заголовка. Отсутствует поддержка изменения ширины. Но есть удобная возможность быстрого изменения цвета заголовков и самого блока.
Создание скругленного блока или дизайн с CSS и XHTMLКак и в предыдущем способе все реализовано на основе списка определений. В статье рассмотрено два способа реализации. Так же появилась возможность тянущейся ширины.
Резиновый блок с легко изменяемыми углами и поверхностьюМинусами в этом способе так же является большое количество дивов (5) и 4 файлов картинок. Но есть интересные примеры для реализации.
Закругленные углы бордераНе является полным уроком, но показывает принцип использования единичного бордера и картинки.
Закругленные углы в CSSДостаточно приятный урок. Его минусом, пожалуй, является относительно большое количество HTML-элементов и наличие 4 картинок для каждого из углов.
Создание произвольных углов и границИспользуется 4 файла с картинками (максимальная ширина блока зависит от ширины картинки). Но очень подробный урок.
«Пуленепробиваемые» закругленные углы
Очень подробная статья с большим количеством примеров. Но достаточно сложная реализация. К тому же используется 4 картинки.
Рисование теней и рамок элементов оформленияСтатья Владимира Токмакова. Весьма сложная реализация, но к плюсам, конечно, относится возможность создания полупрозрачных теней. Статья на русском.
Закругленные углы с фиксированной ширинойИнтересный пример использования. Но минус в фиксированной ширине данного способа. Плюс — очень простая реализация.
CSS тянущийся блок с 4 произвольными угламиВполне хороший урок. Возможность отбрасывания теней. Плюс — возможность создания заголовков.
Делаем закругленные углы с помощью псевдоэлементов :before и :afterСтатья уже была описана на Хабре. Очень простая реализация, но не все примеры, приведенные в статье, работаю в IE. Используется 4 файла с картинками для реализации. Статья на русском.
Создание произвольных углов и границ. Часть IIОписывается способ при котором фон не сплошной, а градиентный. Используется 4 картинки.
Закругленные углы в DIVахОписано 3 способа реализации. Таблицами, дивами и дивами без картинок. Последний вариант не очень хорош, так как используется много пустых тэгов.
Закругленные углы и блоки с теньюПожалуй, не очень хороший способ, так как используется 5 картинок. Но вроде бы предусмотрена возможность создания тени. Плюс — использование только двух HTML-элементом.
Занимательная версткаСтатья на Хабре, в которой хабражители пытаются предложить свои варианты решения. Статья на русском.
Использующие пустые тегиЕще больше закругленных углов с CSSПриятная на внешний вид техника, но жаль, что нет реализации PNG под IE.
CSS резиновые закругленные углыИспользует по два пустых тега на верх и низ блока. К минусам относится 6 картинок для реализации.
CSS: Умные углыИспользует один пустой <span> для верха и два для низа. Вполне приятная реализация.
Как сделать тянущиеся по ширине divы с круглыми краямиВроде бы и с PNG, но опять же в IE не работает. В качестве плюсов можно назвать урок по рисованию круглых краев
Тянущиеся закругленные углыБольшая подробная статья с большим количеством картинок. Но на каждый угол по диву, плюс див для контента.
Закругление углов без использования изображенийСпособ безкартиночного создания закругленных углов. Но много пустых элементов <B> (способ, аналогичный блокам GMail).
Использующие JavaScriptПредставление DomCornersВ статье есть несколько вариаций на тему количества используемых изображений. Минус в использовании пустых тэгов.
Прозрачные произвольные углы и границы. Версия 2Приятный пример использования. Красивое оформление. Отбрасывание полупрозрачных теней, но тени не работают в IE.
Nifty углы со сглаживаниемВ своем роде является добавление к скрипту Nifty Corners. Не использует изображений. Можно изменять радиус скругления как по оси X так и по Y.
Закругленные углыОчень простая реализация, всего один элемент div. Так же в комментариях много дополнений.
www.curvycorners.netОтдельный сайт посвященный закругленным углам. Красивые примеры использования. Очень простая реализация и много возможностей настройки.
Nifty Corners CubeОчень популярный скрипт, позволяющий создать закругленные углы без изображений. Очень много вариантов реализации.
RUZEE.Borders — закругленные углы с помощью яваскриптаДостаточно большое количество возможностей. Так же основан на Nifty. Возможность создавать тень, но не работает в IE.
jQuery скруглениеПожалуй самый большой выбор всевозможных углов. Малое количество HTML-элементов для реализации.
Генераторы круглых краевRoundedCornrБольшое количество возможностей. Генерирует 4 типа блоков, в том числе и кнопки. Единственный минус в наличие пустых тегов в генерируемом коде.
Spiffy CornersОчень простой генератор. Но генерирует очень большое количество элементов <B>.
Spanky Corners 1.1Простой генератор с хорошим HTML-кодов, плюс генерирует отдельный css-файл для IE.
Spiffy BoxГенерирует одну png-картинку с заданными параметрами. К плюсам можно отнести простой HTML-код. Так же в статье есть ссылка на урок, по которому создан генерируемый код.
