Закругленные углы без использования изображений
В веб-дизайне меня всегда привлекала и привлекает простота его исполнения, приятность и аккуратность. Не говорю, что я профессионал в этом деле (по крайней мере в отношении графики, т.к. фантазией по этому поводу точно обделен :), но сверстать приличный, в полном смысле этого слова, сайт, мне по силам.
Так вот, очень притягивают мое внимание различные феньки для сайта, которые необычны по своей сути, и как правило, оригинальны.
На одном сайте нашел ссылки на интересную дизайнерскую штучку – закругление углов таблиц без использования для этого каких-либо изображений. Исполняется аж в трех вариантах: HTML, JavaScript и PHP.
Посмотреть примеры их использования и скачать исходники можно по следующим адресам:
HTML и PHP варианты: http://www.phpmyborder.com
JavaScript вариант, 2 версии: nifty и niftycube.
Знание английского не помешает.
Пробуем, используем…
__________
Компьютерное обслуживание · Свадебные платья · Интересная доска объявлений
Смотрите также
Минимизация CSS- и JS-файлов и HTML-кода на сайте
Одним из пунктов оптимизации сайта является минимизация кода, который передается браузеру посетителя в момент открытия сайта. Сюда относится как содержимое CSS-файлов и JS-файлов, так и HTML-код страниц. Данные меры позволяют ...
Как выглядит красивый HTML-код
Крис Койер (Chris Coyier), автор CSS-Tricks, опубликовал замечательную схему того, как, по его мнению, должен выглядеть красивый и современный HTML-код. В своей статье он показывает пример, который представлен в трех ...
Добавляем фон для блока со сглаженными углами на CSS
Продолжая тему сглаженных закругленных углов без использования графики, рассмотрим случай, когда к блоку, использующему данный эффект, необходимо добавить фон: либо просто цветовой, либо в виде изображения. Раз уж хотя бы ...
Сглаженные закругленные углы без использования изображений
Различные фишки и приемы с использованием CSS всегда привлекали и привлекают мое внимание. В их числе находится и способ закругления углов блока без использования какой-либо графики. Вот несколько статей, описывающих ...
Комментарии (1)
Решение на основе JavaScript всеже правильнее, вопревых, не загружается куча ненужного несемантичного кода, он генерируется автоматически после загрузки страницы, во вторых поисковая машина не получит эту кучу мусора, в третьих вся нагрузка ложится на компьютер пользователя, серверу не надо там ничо дополнительно добавлять в код страницы… а вообще это все для ленивых, лучший эффект получится при использовании изображений и долгих экспериментов с CSS, самый яркий пример этому считаю тема prosilver в phpBB3, все углы идеально закруглены, притом никаких скриптов, совсем немножко изображений, а из дополнительных несемантичных элементов только пустые span’ы в совмсем незначительных количествах…