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>奉節(jié)</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="">聯(lián)系客服</a><i style="padding-left:10px" class="fa fa-angle-down"></i></li>
<li><a href="">網(wǎng)站導航</a></li>
</ul>
</div>
</nav>
</nav>
</nav>
</body>
</html>
Correcting teacher：韋小寶Correction time：2019-03-12 15:52:56
Teacher's summary：寫的很不錯 css來實現(xiàn)下拉菜單還是蠻簡單的 總的來說要比js來實現(xiàn)簡單多了