Блог ⁄ Вёрстка ⁄ Скруглённые углы
Самый первый метод, который приведу в этой заметке, я позаимствовал на одном из английских сайтов, к сожалению не помню на каком. Этим методом я реализовал скруглённый угол у левой колонки на сайте www.wmlink.ru.
Код приводить не буду, просто скачайте архив и разберите его. Общий смысл заключается в том, что скруглённые углы реализуются посредством элементов <b>, у которых размер шрифта равен нулю. Они (элементы <b>) идут друг под другом и засчёт отступа margin эмулируют скругление. Для верхнего левого угла, например, margin от верхних элементов к нижним всё более уменьшается. Очень простой метод, из недостатков выявлено то, что ширина блока должна быть фиксирована, иначе ИЕ6 косячит. В одном из макетов я это красиво обошёл, но сейчас уже не смогу найти в котором именно (я сверстал более сотни сайтов).
Ещё один метод создания гламурных блоков со скруглёнными углами. Много красивостей. Подобная вёрстка скруглённых углов предполагает наличие у верстальщика определённых навыков обращения с png, особенно, если он избегает громоздких библиотек.
Достоинства очевидны и перечислять их не вижу смысла. Недостатки:
Многа букав!Много кода.- У блоков ограничены высота и ширина, до которой они могут растягиваться. После преодоления верхних границ высоты и ширины появляются полосы прокруток, которые почему-то не проскролливают контент внутри блока…
- Без бутылки не разберёшься.
В целом применять можно.
Для самых ленивых, дабы пальчиками не рассчитывать параметры margin и border для первого метода, изобрели генератор скруглённых углов.
