Опубликовано: 12.05.2011 Последняя правка: 08.12.2015
Навигация
В этом подразделе описываются примеры для создания навигации на сайте, а также способы изменения внешнего вида HTML-ссылок, которые как раз и являются основой любой навигации. Да, если вы изучили HTML, то знаете, что ссылки в этом языке могут быть либо текстовыми, либо в виде изображений. И все это конечно хорошо, но зачастую даже для обычного сайта таких возможностей бывает недостаточно, чтобы воплотить все его скромные идеи дизайна и юзабилити. И тут нам на помощь приходит CSS со всей своей мощью и одновременной простотой, позволяющей создавать самые различные варианты навигации.
Навигация (оглавление)
- Ссылки в CSS
- Примеры HTML-ссылок измененных с помощью CSS: с подчеркиванием/без подчеркивания, с закругленными углами, с рамками, ссылки-блоки, ссылки с картинками в качестве фона и т.д.
- Горизонтальное меню
- Примеры создания навигации, где пункты меню располагаются по горизонтали.
- Вертикальное меню
- Как сделать вертикальное меню с помощью HTML и CSS.
- Выпадающее горизонтальное меню
- Создание горизонтального выпадающего меню навигации, когда при наведении на ссылку появляется еще несколько пунктов.