abstrakt：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>(仿)天貓商城導(dǎo)航</title>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>(仿)天貓商城導(dǎo)航</title>
<script src="http://code.jquery.com/jquery-3.4.1.min.js"></script>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<style type="text/css">
*{margin: 0px;padding: 0px;}
ul{list-style: none;}
a{text-decoration: none;color: #616;}
body{font-size: 12px;}
.top{background-color: #f2f2f2;height: 35px;}
.content{height: 35px;line-height: 35px;width: 1300px;margin: 0 auto;}
.left{width: 300px;float: left;}
.left a{margin-right: 12px;}
.right{float: right;}
.right li{float: left;margin-right: 12px;position: relative;}
.right li i{color: red;}
.content a:hover{color:red;}
.right li div{box-shadow: 2px 1px 5px #ccc;background-color: #fff;text-align: center;display: none;}
.number{width: 115px;position: absolute;left: 0px;top: 35px;line-height: 24px;padding: 6px 0px;}
.dope{width: 100px;position:absolute;left: 0;top: 35px;padding: 6px 0px;}
#website{width: 1300px;height: 250px;position: absolute;right: 0;top: 35px;}
.right li:hover div{display: block;}
</style>
</head>
<body>
<!-- 頂部導(dǎo)航 -->
<div class="top">
<div class="content">
<div class="left">
<a href="#">喵, 歡迎來到天貓</a>
<a href="#">請登錄</a>
<a href="#">免費(fèi)注冊</a>
</div>
<ul class="right">
<li><a href="http://" target="_blank" rel="noopener noreferrer">我的淘寶</a>
<div class="number">
<a href="#">已買到的寶貝</a><br>
<a href="#">已賣出的寶貝</a>
</div>
</li>
<li><a href="http://" target="_blank" rel="noopener noreferrer"><i class="fa fa-heart"></i> 我關(guān)注的品牌</a></li>
<li><a href="http://" target="_blank" rel="noopener noreferrer"><i class="fa fa-shopping-cart"></i> 購物車0件</a></li>
<li><a href="http://" target="_blank" rel="noopener noreferrer">收藏夾</a>
<div class="dope">
<a href="#">收藏的店鋪</a><br>
<a href="#">收藏的寶貝</a>
</div>
</li>
<li><a href="http://" target="_blank" rel="noopener noreferrer">|</a></li>
<li><a href="http://" target="_blank" rel="noopener noreferrer"><i class="fa fa-android"></i> 手機(jī)版</a></li>
<li><a href="http://" target="_blank" rel="noopener noreferrer">淘寶網(wǎng)</a></li>
<li><a href="http://" target="_blank" rel="noopener noreferrer">網(wǎng)頁導(dǎo)航</a>
<div id="website">
</div>
</li>
</ul>
</div>
</div>
</body>
</html>
Korrigierender Lehrer：查無此人Korrekturzeit：2019-05-14 09:15:36
Zusammenfassung des Lehrers：完成的不錯。想學(xué)好編程，就要多看別人代碼，多模仿別人功能。繼續(xù)加油。