<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
margin:0;
padding:0;
}
ul{
list-style: none;
}
.box{
width: 300px;
margin: 0 auto;
color: #fff;
}
.box li{
cursor: pointer;
}
.box>li{
background-color: green;
font:bold 18px/38px "宋体";
overflow: hidden;
height: 38px;
}
.box>li+li{
border-top: 1px solid #CCCCCC;
}
.box>li li{
background-color: #0000FF;
font:bold 16px/28px "宋体";
padding-left: 20px;
}
.box>li li+li{
border-top: 1px solid #CCCCCC;
}
.box>li li:hover{
background-color: greenyellow;
}
</style>
</head>
<body>
<ul class="box">
<li class="menu">
<p>菜单1</p>
<ul class="small-box">
js二级菜单
最新推荐文章于 2023-11-18 22:58:50 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)