脚本宝典收集整理的这篇文章主要介绍了html5教程-HTML5实例之CSS3制作的三级下拉菜单(代码),脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
三级下拉菜单
p{margin:30px 180px;} ul{list-style:none;padding:0px;} ul li{float:left;position:relative;} ul li a{text-decoration:none; background:#a40000; display:block; line-height:40px; text-align:center; padding:0px 10px; color:white; margin-right:1px;
} ul li a:hover{background:#f90;} ul li ul li,ul li ul li ul li{float:none;margin-top:1px;} ul li ul li ul{position:absolute; left:100%; top:-1px; width:100px; } ul li ul {display:none;} ul li:hover ul{display:block;} ul li:hover ul li ul{display:none;} ul li ul li:hover ul{display:block;}
HTML5实例之CSS3制作的三级下拉菜单(代码)
三级下拉菜单
p{margin:30px 180px;} ul{list-style:none;padding:0px;} ul li{float:left;position:relative;} ul li a{text-decoration:none; background:#a40000; display:block; line-height:40px; text-align:center; padding:0px 10px; color:white; margin-right:1px;
} ul li a:hover{background:#f90;} ul li ul li,ul li ul li ul li{float:none;margin-top:1px;} ul li ul li ul{position:absolute; left:100%; top:-1px; width:100px; } ul li ul {display:none;} ul li:hover ul{display:block;} ul li:hover ul li ul{display:none;} ul li ul li:hover ul{display:block;}
觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! html5教程,巧夺天工,精雕玉琢。小宝典献丑了!
以上是脚本宝典为你收集整理的html5教程-HTML5实例之CSS3制作的三级下拉菜单(代码)全部内容,希望文章能够帮你解决html5教程-HTML5实例之CSS3制作的三级下拉菜单(代码)所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。