Вертикальне меню - 1

Створення вертикального меню за допомогою простих гіперпосилань

by oleksandr_s

HTML

<!--/*ВЕРТИКАЛЬНЕ МЕНЮ 1*/-->
<div class="vertical-menu">
  	<a href="#" class="active">Home</a>
  	<a href="#">Link 1</a>
  	<a href="#">Link 2</a>
  	<a href="#">Link 3</a>
  	<a href="#">Link 4</a>
</div>

CSS

.vertical-menu {
    width: 200px;
}
.vertical-menu a {
    background-color: #eee; 
    color: black;
    display: block;
    padding: 12px;
    text-decoration: none;
}
.vertical-menu a:hover {
    background-color: #ccc;
}
.vertical-menu a.active {
    background-color: #4CAF50;
    color: white;
}