Справочник верстальщика
Создай свой сайт!
Вертикальное меню
-
-
<html> <head> <meta charset="utf-8"> <title>Меню</title> <link rel="stylesheet" href="menu.css"> </head> <body> <ul class="nav"> <li><a href="page1.html">Меню 1</a></li> <li><a href="page2.html">Меню 2</a></li> <li><a href="page3.html">Меню 3</a></li> <li><a href="page4.html">Меню 4</a></li> <li><a href="page5.html">Меню 5</a></li> </ul> </body> </html> -
.nav{ list-style: none; text-align: center;} .nav li{border-radius: 3px; width: 10%; background:#9f9; padding:10px 0; margin-top:10px;} .nav li:hover{ background: green;} .nav li a{display:block; text-decoration: none;}
