如题如何用HTML和CSS编写一个导航下拉菜单,要鼠标经过显示,只要一个就行
3条回答
- Go 旅城通票 2015-07-19 12:39关注
hover就好了,ie6-不支持,不过也不需要考虑ie6了。。
<!doctype html> <style> ul.menu, ul.menu li{margin:0px;padding:0px;list-style:none;position:relative;} ul.menu li{line-height:25px} ul.menu li{float:left;margin-left:10px} ul.menu div{display:none;position:absolute;top:20px;left:0px} ul.menu div a{display:block} ul.menu li:hover div{display:block;} </style> <ul class="menu"> <li><a href="#">Menu1</a><div><a href="#">menu11</a><a href="#">menu12</a></div></li> <li><a href="#">Menu2</a><div><a href="#">menu21</a><a href="#">menu22</a></div></li> <li><a href="#">Menu3</a><div><a href="#">menu31</a><a href="#">menu32</a></div></li> </ul>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 3无用 3
悬赏问题
- ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
- ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
- ¥20 有关区间dp的问题求解
- ¥15 多电路系统共用电源的串扰问题
- ¥15 slam rangenet++配置
- ¥15 有没有研究水声通信方面的帮我改俩matlab代码
- ¥15 ubuntu子系统密码忘记
- ¥15 保护模式-系统加载-段寄存器
- ¥15 电脑桌面设定一个区域禁止鼠标操作
- ¥15 求NPF226060磁芯的详细资料