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

相关文章:

  • 2021-12-05
  • 2021-07-02
  • 2021-07-05
  • 2021-09-26
  • 2021-09-05
  • 2022-12-23
  • 2021-08-27
  • 2021-12-28
猜你喜欢
  • 2021-11-04
  • 2022-03-06
  • 2022-12-23
  • 2022-12-23
  • 2022-02-03
  • 2022-12-23
  • 2022-01-18
相关资源
相似解决方案