下拉菜单之纯CSS实现_html/css_WEB-ITnose

最近对一批学员进行网页培训，应他们要求，将这些课堂知识整理出来，供他们参考和回忆。当然，小寻哥是不愿意这么做的，毕竟白天培训+写项目，没有时间整理（当然是意味晚上整理啦）。哎，但是架不住前端美女的要求，答应了就只能照办了。

这里也给其他刚入门的小虾们头参考下吧。（部分整理，毕竟有些机密还是不能外泄的）

直接上代码，你们运行下吧

    下拉菜单 启思科技教育   .navi ul {padding: 0;list-style-type: none;}.navi ul li {text-align: center;float: left;position: relative;width: 200px;background-color: #0F8CFF;}a {color: #086808;text-decoration: none;}.navi ul li a {display: block;border: 1px solid #fff;}.navi ul li ul {display: none;left: 0;}.navi ul li ul li {display: block;}/** 效果监听 */.navi ul li:hover ul {display: block;}.navi ul li:hover ul a {color: yellow;}   
  游戏  传奇  传奇  传奇  传奇  传奇    游戏  传奇    游戏  传奇    游戏  传奇

      
查看更多关于下拉菜单之纯CSS实现_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did108470