<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>