Что и говорить, а закругленные углы на web-страницах продолжают волновать и вдохновлять на поиск решений связанный с этой проблемой.

Не секрет, что существует пара-тройка приемов, как-то: графика - абсолютное позиционирование четырех уголков для контейнера или три графических рисунка с размножением среднего по вертикали, применение JavaScript, ну и создание закругленных уголков с помощью html и css.

Недостатки перечисленных способов очевидны.

В первом случае проблемы с добавлением градиента, да и четыре графических файлика даже при минимальном размере, а если таких блоков будет несколько?

Во втором, размеры тоже играют решающую роль, а рисовать в Photoshop закругления, да еще с градиентом, мало кому по вкусу.

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

И, как говорится, лично для меня, без альтернативный вариант, использование только html и css.

Написано на эту тему, если не океан, то уж точно море статей, руку и сам приложил, а шаблон псевдорельеф, так же пользуется популярностью. Но ...

Что тут скажешь, не хватало мне возможности пристроить градиент и все, как не крути, а с ним то веселее будет ;)

В общем, скриншот перед вами.

О html и css, распространяться не буду. Тестовая страница.