直接上代码了哦！
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
body { font-family: Verdana; font-size: 12px; line-height: 1.5; }
a { color: #000; text-decoration: none; } 超链接的属性
a:hover { color: #F00; } 鼠标经过图像的属性
#nav { width: 100px; border: 1px solid #CCC; } 导航样式
#nav ul { list-style: none; margin: 0px; padding: 0px; } 导航样式
#nav ul li { background: #eee; padding: 0px 8px; height: 26px; line-height: 26px; border-bottom: 1px solid #CCC; text-align:center; } 导航样式
</style>
</head></p>
<p><body>
<div id="nav">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li><a href="#">9</a></li>
</ul>
</div>
</body>
</html>
3、一个完美的副导航就完成了哦
要饭二维码
洪哥写文章很苦逼，如果本文对您略有帮助，可以扫描下方二维码支持洪哥！金额随意，先行谢过！大家的支持是我前进的动力！
文章的版权
本文属于“洪哥笔记”原创文章，转载请注明来源地址：网站两侧副导航的制作：http://www.splaybow.com/post/170141170520153162.html
如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务，请加QQ：8771947！十年运维经验，帮您省钱、让您放心！
亲，如果有需要，先存起来，方便以后再看啊！加入收藏夹的话，按Ctrl+D！
发布时间：2015/5/17 17:01:41 | 编辑:龚凤英 | 分类:TCP/IP协议 | 浏览:
