1、首先打开Deamweaver8，新建一网页文件，接着输入以下导航菜单的内容。
3、接下来准备相关的导航按钮图片（可以事先利用PS制作好）。
4、然后将以下CSS代码加入到<head></head>之间。
5、网页此时的效果如图，就完成了。
这种导航栏可以利用纯css解决的主要是运用a:hover 和 display:block
当a:hover鼠标悬浮时， 改变a的背景图片
然后然原来隐藏的二级水平导航栏display:none变成display:block
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）