Category Archives: Vertical css Menu

css Attractive Vertical Menu

html


<ul>
 <li><a href="#">Home</a></li>
 <li><a href="#">Overview</a></li>
 <li><a href="#">Portfolio</a></li>
 <li><a href="#">Services</a></li>
 <li><a href="#">Expertice</a></li>
 <li><a href="#">Contact</a></li>
 </ul>

css

*
{
 margin:0;
 padding:0;
}
ul
{
 list-style:none;
 width:300px;
}
ul li
{
 color:#000000;
 background:#6699FF;
 padding:5px;
 margin:5px;
}
ul li a
{
 text-decoration:none;
 color:#FF0000;
 display:block;
 border-right:20px solid #FFFFFF;
}
ul li a:hover
{
 text-decoration:none;
 color:#FFFFFF;
 display:block;
 border-right:20px solid #FF0000;
}