abstrakt：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>天貓精選-上天貓，就夠了</title> <link rel="stylesheet" type="text/css" href="st
![NK[PY%IA}BRLYF91{SPT]TL.png](http://img.php.cn/upload/image/654/185/203/1551195330997742.png "1551195330997742.png")
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>天貓精選-上天貓，就夠了</title>
<link rel="stylesheet" type="text/css" href="static/css/style.css">
<link rel="shortcut icon" type="image/x-icon" href="static/images/logo1.png">
<link rel="stylesheet" href="static/font-awesome/css/font-awesome.min.css">
</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="">我的淘寶</a>
<div class="number">
<a href="">已買到的寶貝</a><br>
<a href="">已賣出的寶貝</a>
</div>
</li>
<li><a href=""><i class="fa fa-heart"></i>我關(guān)注的品牌</a></li>
<li><a href=""><i class="fa fa-shopping-cart"></i> 購物車0件</a></li>
<li><a href="">收藏夾</a>
<div class="dope">
<a href="">收藏的寶貝</a><br>
<a href="">收藏的店鋪</a>
</div>
</li>
<li><a href="">|</a></li>
<li><a href="">手機(jī)版</a></li>
<li><a href="">淘寶網(wǎng)</a></li>
<li><a href="">網(wǎng)頁導(dǎo)航</a>
<div id="website">
</div>
</li>
</ul>
</div>
</div>
</body>
</html>
-----------------------------css---------------------------------------------------------
*{margin: 0px;padding: 0px;}
ul{list-style:none;}
a{text-decoration:none;color:#333;}
body{font-size: 14px;}
.top{background:#f7f7f7;border-bottom:1px solid #e2e2e2;height: 41px}
.content{width: 1190px;height: 41px;line-height: 41px;margin: 0px auto}
.left{width: 650px;float:left;}
.content a{margin-left: 12px}
.left span{margin-left: 8px}
.right{float:right;}
.right li{float:left;margin-right: 12px;position: relative;}
.right span{margin-left: 10px}
.content a:hover{color:#2a5894;}
.right li div{box-shadow: 2px 1px 5px #ccc;background:#e2e2e2;text-align: center;display:none}
.number{width: 80px;position: absolute;left: 0px;top:41px;line-height: 35px;padding: 10px;}
.number a{margin-right: 10px;color: rgb(27, 107, 188)}
.right li:hover div{display: block;}
Korrigierender Lehrer：滅絕師太Korrekturzeit：2019-02-27 09:21:08
Zusammenfassung des Lehrers：細(xì)節(jié)還是要完善 , 整體布局思路沒有問題