纵向导航一般由 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>