Vertical Menus - Simple CSS 06.

CSS Code

#sidebar {font:bold .76em Tahoma, Arial, sans-serif;margin:0;padding:0;}
#sidebar ul, .menulist1 li {list-style:none; background:#637C89}
.menulist {width:100%;background:#ccc;}
.menulist li {border:1px solid #000;margin-bottom:2px; background:#ccc}
.menulist li a, .menulist li a:link {display:block;padding:5px;color:#000;border-left:4px solid #fff;text-decoration:none;}
.menulist li a:hover {border-color:#000;background:#ccc;color:#f00;}

HTML Code

<div id="sidebar">
	<ul class="menulist">
		<li><a href="#" id="current">Menu List 01</a></li>
		<li><a href="#">Menu List 02</a></li>
		<li><a href="#">Menu List 03</a></li>
		<li><a href="#">Menu List 04</a></li>
		<li><a href="#">Menu List 05</a></li>
		<li><a href="#">Menu List 06</a></li>
	</ul>
</div>
Back to top