<ul>

‹li›‹a href="#home" class="active"›Главная‹/a›‹/li›

‹li›‹a href="#"›Веб-сайт‹/a›‹/li›

‹li›‹a href="#"›О нас‹/a›‹/li›

‹li›‹a href="#"›Команда‹/a›‹/li›

</ul>

КОД CSS:

ul{

тип стиля списка: нет;

маржа: 0;

заполнение: 0;

ширина: 200 пикселей;

фон: #f1f1f1;

граница: 1px сплошная #555;

}

li a{

дисплей: блок;

цвет: #000;

отступ: 8px 16px;

текстовое оформление: нет;

}

ли а: наведите {

цвет фона: #555;

белый цвет;

}

.актив{

цвет фона: #04AA6d;

белый цвет;

}

li{

выравнивание текста: по центру;

нижняя граница: 1px сплошная #555;

}

ли: последний ребенок {

нижняя граница: нет;

}