CSS+HTML实例：超酷的竖排导航栏

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href=http://www.webjx.com/htmldata/2006-05-29/"#" id="current">Item one</a> 
<ul id="subnavlist">
<li id="subactive"><a href=http://www.webjx.com/htmldata/2006-05-29/"#" id="subcurrent">Subitem one</a></li>
<li><a href=http://www.webjx.com/htmldata/2006-05-29/"#">Subitem two</a></li>
<li><a href=http://www.webjx.com/htmldata/2006-05-29/"#">Subitem three</a></li>
<li><a href=http://www.webjx.com/htmldata/2006-05-29/"#">Subitem four</a></li>
</ul>

</li>
<li><a href=http://www.webjx.com/htmldata/2006-05-29/"#">Item two</a></li>
<li><a href=http://www.webjx.com/htmldata/2006-05-29/"#">Item three</a></li>
<li><a href=http://www.webjx.com/htmldata/2006-05-29/"#">Item four</a></li>
</ul>
</div>