Завершаем оформление пунктов [19/28]

На этом шаге мы добавим рамки, избавимся от лишних отступов и оформим состояния меню.

Так как отступы мы задали ссылкам, то и рамки добавим им же. Причем нам нужно задать только рамки слева, а чтобы не было двойной рамки у самого первого пункта, добавим отрицательный внешний отступ слева.

Обнулим отступ после элементов списка, но этого недостаточно, так как пробелы после блочно-строчных элементов добавляют небольшой отступ. Чтобы от него избавиться, зададим отрицательный внешний отступ справа элементам списка.

Затем оформим состояние ссылки при наведении (добавим фон). При желании можете поэкспериментировать с оформлением активного пункта меню.

Чтобы пробелы после блочно-строчных элементов были видны, мы добавили для ссылок серый фон.