abstract:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>淘寶首頁(yè)頭部導(dǎo)航實(shí)操</title><link rel="stylesheet" href="css/font-awesome-4.7.0/css/font-a
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>淘寶首頁(yè)頭部導(dǎo)航實(shí)操</title>
<link rel="stylesheet" href="css/font-awesome-4.7.0/css/font-awesome.min.css">
<style>
*{margin: 0px;padding: 0px;}
a{text-decoration: none;color: #6C6C6C;}
body a:hover {color: #FF5000;}
.clear{clear: both;}
.header{width: 100%;height: 36px;background: #f5f5f5;}
.header_center{width: 1190px;height: 36px;margin: 0px auto;font-size: 12px;font-family: 宋體;}
.header_left{width: 292px;height: 36px;float: left;}
.header_right{width: 590px;height: 36px;float: right;}
.header_left ul li{list-style-type: none;width: 67px;height: 36px;float: left;text-align: center;line-height: 36px;margin-right: 10px;}
.left_1{color: #3C3C3C;}
/*.header_a{display: inline-block;height: 40px;text-align: center;width: 90px;}*/
.header_a:hover{background: white;}
.header_right ul li{width: 67px;height: 36px;list-style-type: none;float: left;line-height: 36px;text-align: center;padding: 0px 6px;}
.header_a ul{border: 1px solid #EEE;margin: 0px -7px;display: none;border-top: none;}
.header_a ul li{width: 80px;height: 30px;text-align:left;color: #6C6C6C;line-height: 30px;}
.header_a:hover ul{display: block;width:100px;}
</style>
</head>
<body>
<div>
<div>
<div>
<ul class="">
<li class="left_1 header_a">
<span>中國(guó)大陸</span> <i class="fa fa-angle-down"></i>
</li>
<li style="width: 122px;">
<a href="#" style="color: #F22E00;">親,請(qǐng)登錄</a>
<a href="#">免費(fèi)注冊(cè)</a>
</li>
<li><a href="#">手機(jī)逛淘寶</a></li>
</ul>
</div>
<div>
<ul>
<li>
<a href="#" >我的淘寶</a> <i class="fa fa-angle-down"></i>
<ul>
<li><a href="#">已買到的寶貝</a></li>
<li><a href="#">我的足跡</a></li>
</ul>
</li>
<li><i class="fa fa-cart-plus" style="color: #F22E00;"></i> <a href="#">購(gòu)物車</a> <i class="fa fa-angle-down"></i></li>
<li><i class="fa fa-star" style="color: #ccc;"></i> <a href="#">收藏夾</a> <i class="fa fa-angle-down"></i>
<ul>
<li><a href="#">收藏的寶貝</a></li>
<li><a href="#">收藏的店鋪</a></li>
</ul>
</li>
<li><a href="#">商品分類</a></li>
<li style="width: 87px;"><a href="#" >千牛賣家中心</a> <i class="fa fa-angle-down"></i>
<ul>
<li><a href="#">免費(fèi)開(kāi)店</a></li>
<li><a href="#">已賣出的寶貝</a></li>
<li><a href="#">出售中的寶貝</a></li>
<li><a href="#">賣家服務(wù)市場(chǎng)</a></li>
<li><a href="#">賣家培訓(xùn)中心</a></li>
<li><a href="#">體驗(yàn)中心</a></li>
<li><a href="#">問(wèn)商友</a></li>
</ul>
</li>
<li><a href="#">聯(lián)系客服 <i class="fa fa-angle-down"></i></a></li>
<li style="width: 80px;"><i class="fa fa-bars" style="color: #F22E00;"></i> <a href="#">網(wǎng)站導(dǎo)航 <i class="fa fa-angle-down"></i></a></li>
</ul>
</div>
</div>
<div></div>
</div>
</body>
</html>
Correcting teacher:查無(wú)此人Correction time:2019-07-04 13:15:47
Teacher's summary:完成的不錯(cuò)。學(xué)編程,先從模仿開(kāi)始,繼續(xù)加油。