Опубликовано: 12.05.2011 Последняя правка: 16.12.2015

Навигация

В этом подразделе описываются примеры для создания навигации на сайте, а также способы изменения внешнего вида HTML-ссылок, которые как раз и являются основой любой навигации. Да, если вы изучили HTML, то знаете, что ссылки в этом языке могут быть либо текстовыми, либо в виде изображений. И все это конечно хорошо, но зачастую даже для обычного сайта таких возможностей бывает недостаточно, чтобы воплотить все его скромные идеи дизайна и юзабилити. И тут нам на помощь приходит CSS со всей своей мощью и одновременной простотой, позволяющей создавать самые различные варианты навигации.

Навигация (оглавление)

Ссылки в CSS
Примеры HTML-ссылок измененных с помощью CSS: с подчеркиванием/без подчеркивания, с закругленными углами, с рамками, ссылки-блоки, ссылки с картинками в качестве фона и т.д.
Горизонтальное меню
Примеры создания навигации, где пункты меню располагаются по горизонтали.
Вертикальное меню
Как сделать вертикальное меню с помощью HTML и CSS.
Выпадающее горизонтальное меню
Создание горизонтального выпадающего меню навигации, когда при наведении на ссылку появляется еще несколько пунктов.