纯CSS下拉菜单菜单
- 作者: 开门--查水表
- 来源: 51数据库
- 2022-09-22
?<html>
<head>
<style type="text/css">
ul{padding:0}
.item{width:100px;padding:0 5px;border:solid 1px #eee;display:block;float:left}
.item ul li{width:100px;padding:6px 0;text-align:center;display:none;cursor:default}
.item ul .f,.item:hover ul li{display:block}
.item ul li:hover{background:#f0f0f0}
.item:hover ul li{border-bottom:solid 1px #eee;}
.item:hover ul .l,.item ul .l{border-bottom:0}
</style>
</head>
<body>
<ul >
<li >
<ul>
<li >文件</li>
<li>打开</li>
<li>关闭</li>
<li>保存</li>
<li>另存为</li>
<li>打印</li>
<li >退出</li>
</ul>
</li>
<li >
<ul>
<li >编辑</li>
<li>撤销</li>
<li>重做</li>
<li>复制</li>
<li>粘贴</li>
<li>剪切</li>
<li >全选</li>
</ul>
</li>
<li >
<ul>
<li >帮助</li>
<li>帮助文档</li>
<li >关于</li>
</ul>
</li>
</ul>
</body>
</html>
推荐阅读
