Как делать "закругленные углы"?
#1
Отправлено 01 February 2012 - 12:54 AM
Как делать закругленные углы у всяких там шапок блоков и прочих элементов страницы?
Гляжу на обилие шаблонов, почти все в различных закруглениях. Дефолтовый шаблон при всей одинаковости в части функциональности начинает казаться каким-то совсем уж убогим.
О чем читать и куда смотреть? CSS? файлик style.css?
#2
Отправлено 01 February 2012 - 10:36 AM
О чем читать и куда смотреть? CSS? файлик style.css?
Лучше сначала почитать какие существуют способы создания скруглений и подобрать себе подходящий. Я бы посоветовал почитать обзор - [HIDE="1"]38 статей о создании закругленных углов на сайтах | HTML и CSS | Временно.нет[/HIDE]
#3
Отправлено 01 February 2012 - 03:01 PM
вкупе с box-shadow получаются замечательные вещи. от рисования углов картинками и с использованием js имхо пора уже давно избавляться - прошлый век.
---------- Сообщение объединено ----------
Вдогонку про другие фигуры [HIDE="1"]Геометрические фигуры на CSS / Каскадные Таблицы Стилей / Хабрахабр[/HIDE]
#4
Отправлено 01 February 2012 - 04:04 PM
#5
Отправлено 10 February 2012 - 04:31 AM
Дурацкий, наверное, вопрос, но нужна какая-то отправная точка.
Как делать закругленные углы у всяких там шапок блоков и прочих элементов страницы?
Гляжу на обилие шаблонов, почти все в различных закруглениях. Дефолтовый шаблон при всей одинаковости в части функциональности начинает казаться каким-то совсем уж убогим.
О чем читать и куда смотреть? CSS? файлик style.css?
#6
Отправлено 10 February 2012 - 02:50 PM
Этот способ работает везде и без всяких картинок и JS - одними стилями (с помощью буллетов), единственное при изменении размеров на свои (радиусы буллетов) нужно следить чтобы все было подогнано и перепроверять:ага только увы не все браузеры это поддерживают
[HIDE="1"]Скругленные углы на чиcтом CSS без JS без картинок с анти-аллиасингом / Каскадные Таблицы Стилей / Хабрахабр[/HIDE]
#7
Отправлено 10 February 2012 - 04:44 PM
Если почитать комментарии к этому хабрапосту, то выясняется, что это весьма и весьма не единственное...единственное при изменении размеров на свои (радиусы буллетов) нужно следить чтобы все было подогнано и перепроверять