时间:2021-07-01 10:21:17 帮助过:58人阅读
<html> <head> <meta charset="utf-8"/> <title>UL LI 实现多级横向菜单</title> <style> #menu1 li{width:50px;height:20px;background:red;margin-left:2px;float:left} #menu1 li ul{display:none;} #menu1 li:hover ul{display:block;} </style> </head> <body> <ul id="menu1"> <li>首页<ul><li>新闻</li><li>图片</li></ul></li> <li>用户<ul><li>帖子</li><li>相册</li></ul></li> <li>系统<ul><li>设置</li></ul></li> </ul> </body> </html>
以上就是Html用ul li实现多级横向菜单的实例代码的详细内容,更多请关注Gxl网其它相关文章!