abstract：只做了中国大陆的下拉菜单<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><link rel="stylesheet" href="font-awesome/css/font-a
只做了中国大陆的下拉菜单
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<style type="text/css">
*{margin:0px;padding:0px;}
nav{width:100%;background:#f5f5f5;}
.header{width:1200px;height:40px;margin:0 auto; line-height: 40px;}
.header li{list-style: none;float:left;font-size:10px;padding-left:10px;}
.header a{text-decoration:none;color:#3C3C3C;}
.l{width:300px;height:40px;float:left;}
.l .li1{position: relative;}
.l .li1 .city{width:210px;position:absolute;background-color: #ffffff;border:1px solid #f5f5f5;display: none;}
.l .li1:hover .city{display:block;}
.l .li1 .city li{width:200px;}
.l .li1 .city li:hover{background:#f5f5f5;}
.r{width:600px;height:40px;float:right;}
.r li{padding-left:18px;}a
.sp{clear:both;}
</style>
</head>
<body>
<nav>
<div>
<ul>
<li><a href="" >中国大陆</a><i style="padding-left:10px" class="fa fa-angle-down"></i>
<ul>
<li>重庆</li>
<li>奉节</li>
<li>香港</li>
<li>北京</li>
<li>上海</li>
</ul>
</li>
<li><a href="" style="color:#f22e00">亲，请登录</a></li>
<li><a href="">免费注册</a></li>
<li><a href="">手机逛淘宝</a></li>
</ul>
<ul>
<li><a href="">我的淘宝</a><i style="padding-left:10px" class="fa fa-angle-down"></i></li>
<li><i class="fa fa-cart-plus" style="color:red;padding-left:5px"></i><a href="">购物车</a><i style="padding-left:10px" class="fa fa-angle-down"></i></li>
<li><i class="fa fa-star"></i><a href="">收藏夹</a><i style="padding-left:10px" class="fa fa-angle-down"></i></li>
<li><a href="">商品分类</a></li>
<li><a href="" style="padding-left:10px;border-left: 1px solid #ccc;">卖家中心</a><i style="padding-left:10px" class="fa fa-angle-down"></i></li>
<li><a href="">联系客服</a><i style="padding-left:10px" class="fa fa-angle-down"></i></li>
<li><a href="">网站导航</a></li>
</ul>
</div>
</nav>
</nav>
</nav>
</body>
</html>
Correcting teacher：韦小宝Correction time：2019-03-12 15:52:56
Teacher's summary：写的很不错 css来实现下拉菜单还是蛮简单的 总的来说要比js来实现简单多了