纵向导航一般由 div + h1 + h2 来完成.参看实例代码:

<style>
#category {
 width:100px;
 border-color:#c5c6c4;
 border-style:solid;
 border-width:0px 1px 1px 1px;
}
#category h1,#category h2{
 margin:0px;
 padding:4px;
 font-size:12px;
}
#category h1{ 
 border-top:1px solid #c5c6c4;
 background-color:#f4f4f4;
}
#category h2{
 font-weight:normal; 
}

</style>

</head>

<body>
<div id="category">
 <h1>图书</h1>
  <h2>文学小说</h2>
  <h2>计算机图书</h2>
  <h2>期刊杂志</h2>
 <h1>DVD</h1>
  <h2>欧美剧集</h2>
  <h2>国产剧集</h2>
  <h2>港台剧集</h2>
 <h1>音乐</h1>
  <h2>Pop</h2>
  <h2>Rock</h2>
  <h2>Dancd</h2>
 <h1>数码产品</h1>
  <h2>数码相机</h2>
  <h2>笔记本电脑</h2>
</div>


</body>
</html>