摘要：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>杨大大的后台</title><link rel="stylesheet" type="text/css" href="../css/inde
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>杨大大的后台</title>
<link rel="stylesheet" type="text/css" href="../css/index.css">
<link rel="stylesheet" type="text/css" href="../css/font-awesome-4.7.0/css/font-awesome.min.css">
</head>
<body>
<div>
<div>
<ul>
<li><a href="">杨大大的后台</a></li>
<li><a href="">展示菜单栏</a></li>
<li><a href="">+新增 <i class="fa fa-angle-down"></i></a></li>
</ul>
</div>
<div>
<ul>
<li><a href="">admin <i class="fa fa-angle-down"></i></a></li>
<li><a href="">前台首页</a></li>
</ul>
</div>
<div></div>
</div>
</body>
</html>
//以下是css代码
*{padding:0px;margin:0px; }
ul li{list-style: none;}
.head{width: 100%;height: 50px;background:#222222; line-height: 50px;font-size: 16px;}
.head a{text-decoration:none;display: inline-block;color: pink;}
.head a:hover{color: red;}
.head_left{width:400px;height: 50px;float: left;}
.head_a{width: 100px;height: 100px;display: block;margin-left: 20px;text-align: center;}
.head li{float: left;}
.head_right{width:300px;;height: 50px;float: right;}
.qing{clear: none;}
![L}}4]MA(]ODW@MZ8GFQV3_R.png](http://img.php.cn//upload/image/239/653/575/1544444788395304.png "1544444788395304.png")
批改老师：韦小宝批改时间：2018-12-11 09:16:49
老师总结：不错不错！写的很漂亮！这种导航使用的很频繁！课后要多练习！
