创建最漂亮的CSS多级下拉导航菜单代码
这个例子为你共享纯CSS多级下拉导航菜单代码，供大家参考，具体内容如下先看看效果图：
实现代码：
CSS代码：
CSS代码将内容复制到剪贴板。
对于这个演示，只需要
# backgroundholder {宽度：750px；身高：500px；填料顶部10px；保证金：0汽车；}
不***
默认样式
目录样式类型：无；边距：0；填充：0；}
文本装饰：无；}
。导航{字体：Arial，sans-serif；字体大小：12px；宽度：650px；保证金：0汽车；}
样式链接
。净值{ background: url（ulmulti3 /盒。GIF）没有重复放中心；}
a.top { background: url。资产净值（ulmulti3 /盒。GIF）没有重复放上；}
a.top2 { background: url。资产净值（ulmulti3 /箱。GIF）没有重复放上；}
a.bottombottom { background: url。资产净值（ulmulti3 /盒。GIF）不重复错误bottombottom；}
UL UL。放一{ background: url（ulmulti3 /盒。GIF）没有重复放中心；}
UL UL。错误a.top2 { background: url（ulmulti3 /盒。GIF）没有重复放上；}
UL UL。错误a.bottombottom { background: url（ulmulti3 /盒。GIF）不重复错误bottombottom；}
样式元素，这样不影响链接的大小。
。资产净值B {颜色：# FFF；字体重量：正常；显示：块；填充：5px 10px 5px 15px；}
。nav.fly.main B {背景：透明的URL（ulmulti3 /箭头.gif）没有重复117px 9px；}
。nav.down B {背景：透明的URL（ulmulti3 / arrow2 .gif）没有重复115px 11px；}
。nav.rightright UL B {文本对齐：错误；}
。nav.rightright UL UL B {填充：5px 15px 5px 10px；}
。nav.rightright UL。主B {背景：透明的URL（ulmulti3 / arrow3 .gif）没有重复15px 9px；}；}
。nav.rightright UL UL认证。主要B {背景：透明的URL（ulmulti3 / arrow3 .gif）没有重复5px；}；}
高度
.nav UL UL {top:-24px}; / * position the top of the flyout first sub menus.
UL UL UL {顶。资产净值：- 25px }； / *位置弹出的第二和第三个子菜单的顶部。
。资产净值ul.two {顶：- 40px }； / *位置与以前的文本，弹出子菜单上的两行。
宽度要小心改变，以适合你的要求。
在这里设置链接宽度
。净值下降，。资产净值{宽度：130px；}
UL Li。资产净值{最大宽度：130px } / * * /安装IE8；
左侧设置弹出位置 / * * /
UL UL {左。资产净值：130px；}
设置正确的弹出位置 / * * /
。资产净值li.rightright UL UL {左：汽车；错误：120px；}
UL UL认证。资产净值li.rightright {左：汽车；错误：130px；}
这个宽度 / *使1px或宽度0.063em如果 / * * / EM上浆
。净值{保证金：- 129px；}
不***
不要改变下面的任何东西
浮动：左}；修正IE错误并允许清除。
。导航UL {浮动：左；位置：相对；Z指数：20；} / *浮降和栈S的必要
UL Li：离开。净值{ }； / *必须清除浮动列表项的列表内。
一个位置：相对显示：块；有一个；；}需要位置，高于其他位置。
{浮动：1。导航左； / *浮*降幅上必要的：10000px带顶；} / *级链接回观。
。净值下降，。nav.fly {保证金：- 10000px；} / *隐藏子环节及其容器，歌剧具有较低的上限。
。导航UL { margin-bottom: - 5000px }； / *避免在潜艇进行任何互动，可以是任何大小。
将所有子菜单放到视图中的所有工作。
。资产净值：盘旋。资产净值：焦点。资产净值：主动权：{保证金0；Z指数：10；概述：0；}
。资产净值：悬停B。资产净值：焦点B。资产净值：活性B {颜色：# 000；鼠标指针；这是键盘标志} / *色*的变化
歌剧修复
资产净值：悬停，资产净值。
不***
IE7和 /低bug修复不改变。
。nav.fly {宽度：99%；} / *使先前水平每弹出99%。
答：活动需要一个空白样式，以使其停止活动。
HTML代码：
xml代码将内容复制到剪贴板。
回家
设备
相机
膜式
契约
宝丽来
数字
数码单反相机
佳能
尼康
松下
柯达
第二方面
摄像机附件
新的模型
尼康
松下
佳能
宾得
美能达
特别优惠
专业
镜头
数字
标准
远摄
宽角
变焦
尼康
宾得
美能达
松下
变焦微距
松下
美能达
宾得
佳能
尼康
鱼眼
X2转换器
标准的单反
佳能
尼康
松下
宾得
美能达
例
大格式
哈苏
雅佳
徕卡
镜头遮光罩
镜头清洁
三脚架
闪光枪
附件，滤镜，镜头盖
特别优惠
数码产品
配件
闪光枪
数码相机
尼康
佳能
松下
宾得
柯达
胶片相机
反射器
站
远程控制
电池
过滤器
紫外
镜头保护
黄色的
红
橙色
蓝色
远程控制
佳能
尼康
宾得
相机为例
宾得
nikox
佳能
宾得
柯达
美能达
镜头刷
经销店
支持
购买
摄影师
配货
Currys
迪克森
杰索普斯
史泰博
一般
销售额
美国
加拿大
美国南部
欧洲
英国
法国
德国
西班牙
意大利
澳大利亚
亚洲
隐私权政策
源代码下载：CSS多级下拉导航菜单
以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。