abstract：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>淘寶網(wǎng)</title>
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_1257000_89gg54nh7po.css">
<style type="text/css">
* {
margin: 0px;
padding: 0px;
}
.iconfonts {
margin: 0px 0px 0px 0px;
float: left;
color: coral;
}
.iconfontss {
margin: 0px 5px;
float: left;
}
.margins {
margin-left: 16px;
}
a {
text-decoration: none;
color: black;
}
a[href='##'] {
color: chocolate;
}
a:hover {
color: chocolate;
}
.clear {
clear: both;
}
ul li {
list-style: none;
float: left;
font-size: 12px;
margin-left: 8px;
}
.top_menu {
height: 50px;
}
.content {
width: 1200px;
height: 36px;
line-height: 36px;
text-align: center;
margin: 0px auto;
}
.left {
float: left;
}
.right {
float: right;
}
.list ul {
border: 1px solid #f5f5f5;
margin: 0px 0px 0px 38px;
display: none;
}
.list ul li {
clear: both;
width: 80px;
text-align: left;
margin: 0px -40px;
}
.lists:hover ul {
display: block;
position: absolute;
}
.lists {
position: relative;
}
</style>
</head>
<body>
<!-- 跟著老師的視頻做了這個導(dǎo)航。但是寫的方法跟老師的不太一樣。還有些地方老師加了浮動，我沒有加也能正常顯示?，F(xiàn)在雖然能寫出來，但是懵懵懂懂，可能寫的多了自己就明白了-->
<div class="top_menu">
<div class="content">
<div class="left">
<ul>
<li class="lists">中國大陸
<div class="list">
<ul>
<li>中國大陸</li>
<li>中國臺灣</li>
<li>中國香港</li>
<li>美國</li>
<li>韓國</li>
</ul>
</div>
</li>
<i class="iconfont iconRectangleCopy iconfontss"></i>
<li><a href="##">親，請登錄</a> </li>
<li><a href="#">免費(fèi)注冊</a></li>
<li class="margins"><a href="#">手機(jī)逛淘寶</a></li>
</ul>
</div>
<div class="right">
<ul>
<li class="lists"><a href="">我的淘寶</a>
<div class="list">
<ul>
<li>已買到的寶貝</li>
<li>我的足跡</li>
</ul>
</div>
</li>
<i class="iconfont iconRectangleCopy iconfontss"></i>
<li><a href=""></a>
<i class="iconfont iconicon-test iconfonts"></i>
<a href="#">購物車</a>
</li>
<i class="iconfont iconRectangleCopy iconfontss"></i>
<li class="lists"><a href=""></a>
<i class="iconfont iconaixin iconfonts"></i>
<a href="#">收藏夾</a>
<div class="list">
<ul>
<li>收藏的寶貝</li>
<li>收藏的店鋪</li>
</ul>
</div>
</li>
<i class="iconfont iconRectangleCopy iconfontss"></i>
<li><a href=""></a>商品分類</li>
<i class=" iconfont iconvertical_line iconfontss"></i>
<li><a href=""></a>千牛賣家中心</li>
<i class="iconfont iconRectangleCopy iconfontss"></i>
<li><a href=""></a>聯(lián)系客服</li>
<i class="iconfont iconRectangleCopy iconfontss"></i>
<li><a href=""></a>
<i class="iconfont icondingdan iconfonts"></i>網(wǎng)站導(dǎo)航
</li>
<i class="iconfont iconRectangleCopy iconfontss"></i>
</ul>
</div>
</div>
</div>
</body>
</html>
Correcting teacher：查無此人Correction time：2019-06-25 17:48:51
Teacher's summary：完成的不錯。學(xué)編程，先從模仿開始，繼續(xù)加油。