abstract：<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>三级下拉菜单</title><style>div{margin:30px 180px;}ul{list-style:none;padding:0px;}ul li{floa
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>三级下拉菜单</title>
<style>
div{margin:30px 180px;}
ul{list-style:none;padding:0px;}
ul li{float:left;position:relative;}
ul li a{text-decoration:none;
background:#a40000;
display:block;
line-height:40px;
text-align:center;
padding:0px 10px;
color:white;
margin-right:1px;
}
ul li a:hover{background:#f90;}
ul li ul li,ul li ul li ul li{float:none;margin-top:1px;}
ul li ul li ul{position:absolute;
left:100%;
top:-1px;
width:100px;
}
ul li ul {display:none;}
ul li:hover ul{display:block;}
ul li:hover ul li ul{display:none;}
ul li ul li:hover ul{display:block;}
</style>
</head>
<body>
<div>
<ul>
<li ><a href="#">学校概况</a></li>
<li ><a href="#">管理机构</a></li>
<li ><a href="#">学院设置</a>
<ul>
<li ><a href="#">电气学院>></a>
<ul>
<li ><a href="#">电子系</a>
<li ><a href="#">测控系</a>
<li ><a href="#">电力系</a>
<li ><a href="#">信息系</a>
<li ><a href="#">信息系</a>
<li ><a href="#">自动化系</a>
</ul>
</li>
<li ><a href="#">材料学院</a></li>
<li ><a href="#">测绘学院</a></li>
<li ><a href="#">土木学院>></a>
<ul>
<li ><a href="#">地下工程系</a>
<li ><a href="#">岩土工程系</a>
<li ><a href="#">建筑工程系</a>
<li ><a href="#">工程力学系</a>
<li ><a href="#">工程管理系</a>
</ul>
</li>
<li ><a href="#">安全学院</a></li>
</ul>
</li>
<li ><a href="#">科学研究</a></li>
<li ><a href="#">招生就业</a></li>
</ul>
</div>
</body>
</html>
Correcting teacher：查无此人Correction time：2019-05-07 09:52:13
Teacher's summary：完成的不错。也可以用js，或者jq来实现。继续加油。