Меню на CSS

Пример 1
Вертикальное меню на CSS

WEB - страница

Код в документе HTML

li.menu_it
{list-style: none;}

li.menu_it a
 {background-color: #618571;    
  border-bottom: 2px solid #4D695A;          
  border-top: 1px solid #86A986;                
  color: #e4e4e4;
  display: block;
  font-size: 11pt;
  padding: 5px 10px;
  text-decoration: none;
}

li.menu_it a:hover 
{background-color: #749D87;  
 color: #F8FAF8;
}
 -->
</style>

</head>
<body>

<div class="menu-block">
<ul class="menu">
<li class="menu_it"><a href="#" title="История">История</a></li>
<li class="menu_it "><a href="#" title="Структура">Структура</a></li>
<li class="menu_it"><a href="#" title="Документы">Внутренние документы</a></li>
<li class="menu_it"><a href="#" title="Отчётность">Отчётность</a></li>
<li class="menu_it"><a href="#" title="Для СМИ">Для СМИ</a></li>
<li class="menu_it"><a href="#" title="СМИ">СМИ о нас</a></li>
<li class="menu_it"><a href="#" title="Штаб">Штаб-квартира в Москве</a></li>
</ul>
</div>

</body>
</html>

Пример 2
Горизонтальное меню на CSS

WEB - страница

Код в документе HTML

По теме:

Как разместить элементы списка горизонтально >>>

вверх