Решил я в очередной раз изобрести велосипед, и предложить свое решение знаменитой вебмастерской проблемы закругленных краев. Существующие варианты, либо содержат очень много строчек CSS, либо имееют всякие ограничения - например на цвет.
Мой вариант использует прозрачный PNG (или Gif для IE6). Благодаря этому, можно скруглять что угодно - блоки разных цветов, картинки, бекграунды. Требуется только один PNG, для всех четырех углов и блоков разного цвета, что ускоряет время загрузки. Вообщем смотрите пример.
Постовой:
Пеар акция "Алло, мы ищем таланты!" от блога Магия Чисел. Получите свой краткий обзор и ссылку :)
Пеар акция "Алло, мы ищем таланты!" от блога Магия Чисел. Получите свой краткий обзор и ссылку :)
Скачать и установить Установка:
- Прицепите как-нибудь к нужной странице round.css .
- Пропишите в round.css пути к картинкам: roundwhite.gif и roundwhite.gif .
- Перекрасьте их в фоновый цвет вашей страницы, если он не белый.
- Чтобы скруглить любой DIV пропишите в его начале:
- И в конце DIV'а:
- Если возникнут вопросы, смотрите scource примера.
Скачать Round Corners</p> <p>...</p> <p><div style="background: #ccc; width: 250px;"> //Div с любыми параметрами - цвет, размер...</p> <p><div class="rct"><div class="rct2"></div></div><div class="rndc"> //Скруглялка 1</p> <p>Содержание</p> <p></div><div class="rcb"><div class="rcb2"></div></div> //Скруглялка 2</p> <p></div>
