Как да - CSS Съвети - Оформяне на списък като меню за навигация

По принцип навигационното меню е списък със секции на сайта, така че има смисъл да го маркирате като списък и след това да приложите CSS стилове към неговите елементи. Той обаче трябва визуално да се различава от стандартния списък с водещи символи, който се показва, когато се използва вътрешната таблица със стилове на браузъра.

Решение
Навигационното меню, представено на фиг. 4.1, е списък в стил CSS.

списък

Фигура: 4.1. Създайте навигация, като напишете правила за стил за списъка (DEMO)

По-долу е маркирането, необходимо за създаване на списъка:

По-долу е пълният CSS, който преобразува прост списък с водещи символи в атрактивно меню за навигация:

Дискусия
За да създадете лента за навигация въз основа на списък с водещи символи, първо трябва да създадете самия списък, като поставите връзки в елементите li:

След това ще поставим списъка в div със съответния ID:

Както се вижда на фиг. 4.2, когато използвате вътрешната таблица със стилове на браузъра, това изглежда доста често.