网站两侧副导航的制作


关键词

网站 html 导航

摘要

纵向列表或称为纵向导航,在网站的产品列表中应用比较广泛,如淘宝网左侧的淘宝服务,今天我们就学习一下纵向导航的制作吧
1、纵向列表或称为纵向导航,在网站的产品列表中应用比较广泛,如淘宝网左侧的淘宝服务,今天我们就学习一下纵向导航的制作吧
直接上代码了哦!
<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:115085382!十年运维经验,帮您省钱、让您放心!
亲,如果有需要,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D


« 精美flash的制作 一些常用的公共dns列表 »

相关文章:

FlashFXP查看ftp站点的密码  (2016/12/21 7:22:39)

dnspod的dns地址  (2015/7/7 10:58:28)

一些常用的公共dns列表  (2015/7/4 17:01:09)

网站两侧副导航的制作  (2015/5/17 17:01:41)

精美flash的制作  (2015/4/25 10:38:42)

简单介绍UDP协议  (2014/5/10 14:48:13)

IP网段的判断  (2014/5/8 15:08:23)

子网划分  (2014/5/7 14:29:05)

IP分类  (2014/5/5 15:16:57)

Win7环境配置(三)PHP  (2014/5/4 17:01:12)