码迷,mamicode.com
首页 > Web开发 > 详细

Html用ul li实现多级横向菜单

时间:2015-12-29 16:26:18      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:html

<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实现多级横向菜单

标签:html

原文地址:http://qiuyuhan.blog.51cto.com/9235470/1729469

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!