ну картинкой не так универсально.. а то див добавляешь — и опа есть плавные края..
хотя разочаровывает тотальное нехотение поддержки альфа-уровней в png — иначе можно было бы делать шикарные вещи (ща к сожалению их оценить смогут только пользователи Opera/Mozilla/Netscape)
товаищь, дабы было тебе известно, этот способ не прокатывает с картинками, которые лежат в бэкграунде (т.е. те, которые заданы в "background:url" — а они как раз наиболее важны) + к тому же, есть более элегантный способ добавить прозрачность для png — через htc файл с javascript.
кстати есть ещё более интересная техника — делать не только бокс с круглыми (или какими угодно) краями, но и добавить тени, украсить бордеры.. делается с помощью всего 8 дивов (можно и по-другому)
Комментарии
с горизонтальным "градиентом"???
Лично мне больше понравился код Mail'a. Я бы так же
выходил из ситуации.
Ладно, дальше — больше:
диагональный градиент??? :-)
А вообще-то это всё можна сделать и рисунком, если же
background рисунок. Конечно рисунок может долго грузится, но
если будешь это дело обходить кодом, то не факт, что
код будет занимать меньше...
Довлет, спасибо за комментарий.
Вот тут не только закругленные.
И прроблемы все уже решены.
Сам использую кое где такие
согласен с shrax.
хотя разочаровывает тотальное нехотение поддержки альфа-уровней в png — иначе можно было бы делать шикарные вещи (ща к сожалению их оценить смогут только пользователи Opera/Mozilla/Netscape)
сохраняю в избранном.
Трину пасиб!
h1,h2,p{margin: 0 10px}
h1{font-size: 250%;color: #FFF}
h2{font-size: 200%;color: #f0f0f0}
p{padding-bottom:1em}
h2{padding-top: 0.3em}
div#rnd{ margin: 0 10%;background: #9BD1FA}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
округляем углы div'a
Кажется, получилось
Даже без графики
Да шо вы гаварите? (с) Одесса