abstrakt：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>天貓tmall.com--理想生活上天貓</title> </head> <link rel="sty
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>天貓tmall.com--理想生活上天貓</title>
</head>
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css" />
<style type="text/css">
*{margin: 0;padding: 0;}
a{text-decoration: none;color: #999999;}
ul{list-style: none;}
.top{height: 35px;background: #F2F2F2;}
.topbar{height:35px;margin: 0 auto;line-height: 35px;width: 1200px;font-size: 12px;color: #999;}
.topbar .left{float: left;}
.left a{margin-right: 18px;}
.left a:hover{color: red;}
.topbar .right{float: right;}
.right li{float: left;position: relative;padding: 0 10px;}
.right li:hover{color: red;}
.right li:hover .taobao{display:block;}
.right li i{margin: 0 5px;color:red;}
.right .taobao{border: 1px solid #ccc;border-top: none;position: absolute;left: 0;display:none;width: 95px;}
.taobao a{display:block;line-height:25px;margin: 0 10px;}
.container{height: 500px;width: 100%;background: url(2.png);margin-top: 100px;background-repeat: no-repeat;background-size: cover;}
.content{height: 500px;width: 1200px;margin: 0 auto;}
.content .menu{height: 500px;width: 200px;background: rgba(0,0,0,0.4);font-size: 15px;position: relative;}
.menu li{height: 31.2px;line-height: 30px;color: #FFFFFF;}
.menu li:hover{color: red;background: #FFFFFF;}
.menu li i{margin: 0 10px;}
.menu-content{height: 500px;width:900px;background: #FFFFFF;position: absolute;top: 0;left: 200px;color: #000000;font-size: 13px;}
.menu-content div{float: left;}
.menu-left{float:left;padding:5px 20px;}
.menu-right{float:left;padding:10px;border-bottom: 1px dashed #CCCCCC;line-height: 20px;}
.menu-right a{margin-right: 20px;}
.content-right{height: 500px;width: 200px;background: #CCCCCC;}
</style>
<body>
<!--頂部導(dǎo)航-->
<div class="top">
<div class="topbar">
<div class="left">
<a href="">喵，歡迎來(lái)天貓</a>
<a href="">請(qǐng)登錄</a>
<a href="">免費(fèi)注冊(cè)</a>
</div>
<div class="right">
<ul>
<li>我的淘寶 <i class="fa fa-angle-down"></i>
<div class="taobao">
<a href="">已買(mǎi)到的寶貝</a>
<a href="">已賣(mài)出的寶貝</a>
</div>
</li>
<li><i class="fa fa-shopping-cart"></i>購(gòu)物車(chē)0件</li>
<li>收藏夾<i class="fa fa-angle-down"></i>
<div class="taobao" style="width: 80px;">
<a href="">收藏的寶貝</a>
<a href="">收藏的店鋪</a>
</div>
</li>
<li>|</li>
<li><i class="fa fa-phone"></i>手機(jī)版</li>
<li>淘寶網(wǎng)</li>
<li>商家支持 <i class="fa fa-angle-down"></i></li>
<li><i class="fa fa-wechat"></i>網(wǎng)站導(dǎo)航</li>
</ul>
</div>
</div>
</div>
<!--輪播菜單-->
<div class="container">
<div class="content">
<ul class="menu">
<li><i class="fa fa-heart-o"></i>女裝/內(nèi)衣
<div class="menu-content">
<div style="width:700px;" class="content-left">
<div>
<p class="menu-left">當(dāng)季流行 <i class="fa fa-angle-right"></i></p>
<p class="menu-right">
<a href="">女裝新品</a>
<a href="">商場(chǎng)同款</a>
<a href="">仙女連衣裙</a>
<a href="">T恤</a>
<a href="">襯衫</a>
<a href="">時(shí)髦外套</a>
<a href="">休閑褲</a>
<a href="">牛仔褲</a><br />
<a href="">無(wú)痕文胸</a>
<a href="">運(yùn)動(dòng)文胸</a>
<a href="">潮流家居服</a>
<a href="">百搭船襪</a>
</p>
</div>
<div>
<p class="menu-left">當(dāng)季流行 <i class="fa fa-angle-right"></i></p>
<p class="menu-right">
<a href="">女裝新品</a>
<a href="">商場(chǎng)同款</a>
<a href="">仙女連衣裙</a>
<a href="">T恤</a>
<a href="">襯衫</a>
<a href="">時(shí)髦外套</a>
<a href="">休閑褲</a>
<a href="">牛仔褲</a><br />
<a href="">無(wú)痕文胸</a>
<a href="">運(yùn)動(dòng)文胸</a>
<a href="">潮流家居服</a>
<a href="">百搭船襪</a>
</p>
</div>
<div>
<p class="menu-left">當(dāng)季流行 <i class="fa fa-angle-right"></i></p>
<p class="menu-right">
<a href="">女裝新品</a>
<a href="">商場(chǎng)同款</a>
<a href="">仙女連衣裙</a>
<a href="">T恤</a>
<a href="">襯衫</a>
<a href="">時(shí)髦外套</a>
<a href="">休閑褲</a>
<a href="">牛仔褲</a><br />
<a href="">無(wú)痕文胸</a>
<a href="">運(yùn)動(dòng)文胸</a>
<a href="">潮流家居服</a>
<a href="">百搭船襪</a>
</p>
</div>
<div>
<p class="menu-left">當(dāng)季流行 <i class="fa fa-angle-right"></i></p>
<p class="menu-right">
<a href="">女裝新品</a>
<a href="">商場(chǎng)同款</a>
<a href="">仙女連衣裙</a>
<a href="">T恤</a>
<a href="">襯衫</a>
<a href="">時(shí)髦外套</a>
<a href="">休閑褲</a>
<a href="">牛仔褲</a><br />
<a href="">無(wú)痕文胸</a>
<a href="">運(yùn)動(dòng)文胸</a>
<a href="">潮流家居服</a>
<a href="">百搭船襪</a>
</p>
</div>
<div>
<p class="menu-left">當(dāng)季流行 <i class="fa fa-angle-right"></i></p>
<p class="menu-right">
<a href="">女裝新品</a>
<a href="">商場(chǎng)同款</a>
<a href="">仙女連衣裙</a>
<a href="">T恤</a>
<a href="">襯衫</a>
<a href="">時(shí)髦外套</a>
<a href="">休閑褲</a>
<a href="">牛仔褲</a><br />
<a href="">無(wú)痕文胸</a>
<a href="">運(yùn)動(dòng)文胸</a>
<a href="">潮流家居服</a>
<a href="">百搭船襪</a>
</p>
</div>
<div>
<p class="menu-left">當(dāng)季流行 <i class="fa fa-angle-right"></i></p>
<p class="menu-right">
<a href="">女裝新品</a>
<a href="">商場(chǎng)同款</a>
<a href="">仙女連衣裙</a>
<a href="">T恤</a>
<a href="">襯衫</a>
<a href="">時(shí)髦外套</a>
<a href="">休閑褲</a>
<a href="">牛仔褲</a><br />
<a href="">無(wú)痕文胸</a>
<a href="">運(yùn)動(dòng)文胸</a>
<a href="">潮流家居服</a>
<a href="">百搭船襪</a>
</p>
</div>
<div>
<p class="menu-left">當(dāng)季流行 <i class="fa fa-angle-right"></i></p>
<p class="menu-right">
<a href="">女裝新品</a>
<a href="">商場(chǎng)同款</a>
<a href="">仙女連衣裙</a>
<a href="">T恤</a>
<a href="">襯衫</a>
<a href="">時(shí)髦外套</a>
<a href="">休閑褲</a>
<a href="">牛仔褲</a><br />
<a href="">無(wú)痕文胸</a>
<a href="">運(yùn)動(dòng)文胸</a>
<a href="">潮流家居服</a>
<a href="">百搭船襪</a>
</p>
</div>
<div>
<p class="menu-left">當(dāng)季流行 <i class="fa fa-angle-right"></i></p>
<p class="menu-right">
<a href="">女裝新品</a>
<a href="">商場(chǎng)同款</a>
<a href="">仙女連衣裙</a>
<a href="">T恤</a>
<a href="">襯衫</a>
<a href="">時(shí)髦外套</a>
<a href="">休閑褲</a>
<a href="">牛仔褲</a><br />
<a href="">無(wú)痕文胸</a>
<a href="">運(yùn)動(dòng)文胸</a>
<a href="">潮流家居服</a>
<a href="">百搭船襪</a>
</p>
</div>
</div>
<div class="content-right"></div>
</div>
</li>
<li><i class="fa fa-heart-o"></i>女裝/內(nèi)衣</li>
<li><i class="fa fa-heart-o"></i>女裝/內(nèi)衣</li>
<li><i class="fa fa-heart-o"></i>女裝/內(nèi)衣</li>
<li><i class="fa fa-heart-o"></i>女裝/內(nèi)衣</li>
<li><i class="fa fa-heart-o"></i>女裝/內(nèi)衣</li>
<li><i class="fa fa-heart-o"></i>女裝/內(nèi)衣</li>
<li><i class="fa fa-heart-o"></i>女裝/內(nèi)衣</li>
<li><i class="fa fa-heart-o"></i>女裝/內(nèi)衣</li>
<li><i class="fa fa-heart-o"></i>女裝/內(nèi)衣</li>
<li><i class="fa fa-heart-o"></i>女裝/內(nèi)衣</li>
<li><i class="fa fa-heart-o"></i>女裝/內(nèi)衣</li>
<li><i class="fa fa-heart-o"></i>女裝/內(nèi)衣</li>
<li><i class="fa fa-heart-o"></i>女裝/內(nèi)衣</li>
<li><i class="fa fa-heart-o"></i>女裝/內(nèi)衣</li>
<li><i class="fa fa-heart-o"></i>女裝/內(nèi)衣</li>
</ul>
</div>
</div>
</body>
</html>
Korrigierender Lehrer：查無(wú)此人Korrekturzeit：2019-02-27 16:00:14
Zusammenfassung des Lehrers：完成的不錯(cuò)。樣式還是單獨(dú)寫(xiě)個(gè)文件，有一些常用的樣式，可以單獨(dú)寫(xiě)出來(lái)。直接使用就可以。以后就是你自己的框架了。繼續(xù)加油