摘要：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>小米商城</title> <link rel="shortcut icon" type="image/x-icon" href="sta
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小米商城</title>
<link rel="shortcut icon" type="image/x-icon" href="static/images/footlogo.png">
<link rel="stylesheet" type="text/css" href="static/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="static/css/style.css">
</head>
<body>
<!-- 頭部 -->
<div class="header">
<div class="menu">
<div class="menu_left">
<a href="">小米商城</a>丨
<a href="">miui</a>丨
<a href="">IOT</a>丨
<a href="">云服務(wù)</a>丨
<a href="">小愛分享平臺(tái)</a>丨
<a href="">金融</a>丨
<a href="">有品</a>丨
<a href="">企業(yè)服務(wù)</a>丨
<a href="">SelectRegion</a>
</div>
<div class="menu_right">
<a href="">登錄</a>
<a href="">注冊(cè)</a>
<a href="">我的訂單</a>
<a href="">購物車</a>
</div>
<div class="clear"></div>
</div>
</div>
<!-- 內(nèi)容 -->
<div class="contentbox">
<div id="content_header"></div>
<div id="content_nav">
<div class="nav_box"></div>
<div class="nav_image"></div>
</div>
<div class="clear"></div>
<div id="content_sc">
<div class="sc_0"></div>
<div class="sc_1" style="background-image: url(static/images/midAD1.jpg);"></div>
<div class="sc_1" style="background-image: url(static/images/midAD2.jpg);"></div>
<div class="sc_1" style="background-image: url(static/images/midAD3.jpg);"></div>
</div>
<div class="clear"></div>
<!-- 小米閃購 -->
<div id="content_gilt">
<div class="title">小米閃購</div>
<div class="gilt">
<div class="gilt_0"></div>
<div class="gilt_1" style="background-image: url(static/images/flashbuy/flashbuy1.jpg);"></div>
<div class="gilt_1" style="background-image: url(static/images/flashbuy/flashbuy2.jpg);"></div>
<div class="gilt_1" style="background-image: url(static/images/flashbuy/flashbuy3.jpg);"></div>
<div class="gilt_1" style="background-image: url(static/images/flashbuy/flashbuy4.jpg);"></div>
</div>
<div class="image"><img src="static/images/longAD1.jpg"></div>
</div>
</div>
<div class="abox">
<div class="cnox">
<div id="content_phone" class="content_url">
<div class="title">手機(jī)</div>
<div class="content_1">
<div style="width: 234px;height: 614px;background-image: url(static/images/buy/手機(jī)AD.jpg);float: left;margin-right: 2px;"></div>
<div>
<div class="phone_0">
<div class="phone_1">
<img src="static/images/buy/手機(jī)1.jpg">
</div>
<div class="phone_1">
<img src="static/images/buy/手機(jī)2.jpg">
</div>
<div class="phone_1">
<img src="static/images/buy/手機(jī)3.jpg">
</div>
<div class="phone_1">
<img src="static/images/buy/手機(jī)4.jpg">
</div>
<div class="phone_1">
<img src="static/images/buy/手機(jī)5.jpg">
</div>
<div class="phone_1">
<img src="static/images/buy/手機(jī)6.jpg">
</div>
<div class="phone_1">
<img src="static/images/buy/手機(jī)7.jpg">
</div>
<div class="phone_1">
<img src="static/images/buy/手機(jī)8.jpg">
</div>
</div>
</div>
</div>
<div class="image"><img src="static/images/longAD2.jpg"></div>
</div>
<!-- 家電 -->
<div id="content_appliances" class="content_url">
<div class="title">家電</div>
<div class="content_1">
<div class="c01" style="background-image: url(static/images/buy/家電AD1.jpg);"></div>
<div class="c01"><img src="static/images/buy/家電1.jpg"></div>
<div class="c01"><img src="static/images/buy/家電2.jpg"></div>
<div class="c01"><img src="static/images/buy/家電3.jpg"></div>
<div class="c01" style="margin: 0px;"><img src="static/images/buy/家電4.jpg"></div>
<div class="c01" style="background-image: url(static/images/buy/家電AD2.jpg);"></div>
<div class="c01"><img src="static/images/buy/家電5.png"></div>
<div class="c01"><img src="static/images/buy/家電6.jpg"></div>
<div class="c01"><img src="static/images/buy/家電7.jpg"></div>
<div class="c01" style="margin: 0px;background-color: transparent;">
<div class="c02"><img src="static/images/buy/家電8.jpg"></div>
<div class="c02"></div>
</div>
</div>
<div class="image"><img src="static/images/longAD3.jpg"></div>
</div>
<!-- 智能 -->
<div id="content_smart" class="content_url">
<div class="title">智能</div>
<div class="content_1">
<div class="c01" style="background-image: url(static/images/buy/智能AD1.jpg);"></div>
<div class="c01"><img src="static/images/buy/智能1.png"></div>
<div class="c01"><img src="static/images/buy/智能2.jpg"></div>
<div class="c01"><img src="static/images/buy/智能3.jpg"></div>
<div class="c01" style="margin: 0px;"><img src="static/images/buy/智能4.png"></div>
<div class="c01" style="background-image: url(static/images/buy/智能AD2.jpg);"></div>
<div class="c01"><img src="static/images/buy/智能5.jpg"></div>
<div class="c01"><img src="static/images/buy/智能6.jpg"></div>
<div class="c01"><img src="static/images/buy/智能7.jpg"></div>
<div class="c01" style="margin: 0px;background-color: transparent;">
<div class="c02"><img src="static/images/buy/智能8.jpg"></div>
<div class="c02"></div>
</div>
</div>
<div class="image"><img src="static/images/longAD7.jpg"></div>
</div>
<!-- 為你推薦 -->
<div id="content_recom">
<div class="title">為你推薦</div>
<div class="recom_box">
<div class="recom01"><img src="static/images/buy/為你推薦1.jpg"></div>
<div class="recom01"><img src="static/images/buy/為你推薦2.jpg"></div>
<div class="recom01"><img src="static/images/buy/為你推薦3.jpg"></div>
<div class="recom01"><img src="static/images/buy/為你推薦4.jpg"></div>
<div class="recom01" style="margin: 0px;"><img src="static/images/buy/為你推薦5.jpg"></div>
</div>
</div>
<!-- 熱評(píng)產(chǎn)品 -->
<div id="content_hot">
<div class="title">熱評(píng)產(chǎn)品</div>
<div class="hot_box">
<div class="hot01"><img src="static/images/buy/熱評(píng)產(chǎn)品1.jpg"></div>
<div class="hot01"><img src="static/images/buy/熱評(píng)產(chǎn)品2.jpg"></div>
<div class="hot01"><img src="static/images/buy/熱評(píng)產(chǎn)品3.jpg"></div>
<div class="hot01" style="margin: 0px;"><img src="static/images/buy/熱評(píng)產(chǎn)品4.jpg"></div>
</div>
</div>
<!-- 內(nèi)容 -->
<div id="content_rest">
<div class="title">內(nèi)容</div>
<div class="rest_box">
<div class="rest01"></div>
<div class="rest01"></div>
<div class="rest01"></div>
<div class="rest01" style="margin: 0px;"></div>
</div>
</div>
<!-- 視頻 -->
<div id="content_vedio">
<div class="title">視頻</div>
<div class="vedio_box">
<div class="vedio01"></div>
<div class="vedio01"></div>
<div class="vedio01"></div>
<div class="vedio01" style="margin: 0px;"></div>
</div>
</div>
</div>
</div>
<!-- 底部 -->
<div class="footer">
<div class="footer-top">
<div class="footer-top_li">
<div class="footer-top_li_1">
<a href="#"><i class="fa fa-wrench"></i>預(yù)約維修服務(wù)</a><span></span>
<a href="#"><i class="fa fa-rotate-right "></i>7天無理由退貨</a><span></span>
<a href="#"><i class="fa fa-refresh"></i>15天免費(fèi)換貨</a><span></span>
<a href="#"><i class="fa fa-gift"></i>滿150元包郵</a><span></span>
<a href="#"><i class="fa fa-map-marker"></i>520余家售后網(wǎng)點(diǎn)</a>
</div>
<span class="separate"></span>
<div class="footer-top_li_2">
<div class="footer-top_li_a">
<dl>
<dt>幫助中心</dt>
<dd><a href="">賬戶管理</a></dd>
<dd><a href="">購物指南</a></dd>
<dd><a href="">訂單操作</a></dd>
</dl>
<dl>
<dt>服務(wù)支持</dt>
<dd><a href="">售后政策</a></dd>
<dd><a href="">自助服務(wù)</a></dd>
<dd><a href="">相關(guān)下載</a></dd>
</dl>
<dl>
<dt>線下門店</dt>
<dd><a href="">小米之家</a></dd>
<dd><a href="">服務(wù)網(wǎng)點(diǎn)</a></dd>
<dd><a href="">授權(quán)體驗(yàn)店</a></dd>
</dl>
<dl>
<dt>關(guān)于小米</dt>
<dd><a href="">了解小米</a></dd>
<dd><a href="">加入小米</a></dd>
<dd><a href="">投資者關(guān)系</a></dd>
</dl>
<dl>
<dt>關(guān)注我們</dt>
<dd><a href="">新浪微博</a></dd>
<dd><a href="">官網(wǎng)微博</a></dd>
<dd><a href="">聯(lián)系我們</a></dd>
</dl>
<dl>
<dt>特色服務(wù)</dt>
<dd><a href="">F碼通道</a></dd>
<dd><a href="">禮物碼</a></dd>
<dd><a href="">防偽查詢</a></dd>
</dl>
<div class="connect">
<p class="telephone">Feir-520-1314</p>
<p class="time">周一至周日 8:00-18:00<br>(僅收市話費(fèi))</p>
<button><span class="fa fa-commenting "></span> 聯(lián)系客服</button>
</div>
</div>
<div class="footer-top_li_b"></div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="footer-bottom_li">
<div class="footer-bottom_li_1">
<img src="static/images/footlogo.png" alt="" class="logoBottom">
</div>
<div class="footer-bottom_li_2">
<div class="footer-bottom_li_a">
<ul>
<li>小米商城<span></span></li>
<li>MIUI<span></span></li>
<li>米家<span></span></li>
<li>米聊<span></span></li>
<li>多看<span></span></li>
<li>游戲<span></span></li>
<li>路由器<span></span></li>
<li>米粉卡<span></span></li>
<li>政企服務(wù)<span></span></li>
<li>小米天貓店<span></span></li>
<li>隱私政策<span></span></li>
<li>問題反饋<span></span></li>
<li>Select Region</li>
</ul>
</div>
<div class="footer-bottom_li_b">
<a href="">?mi.com</a>
京ICP證110507號(hào)
<a href="">京ICP備10046444號(hào)</a>
<a href="">京公網(wǎng)安備11010802020134號(hào)</a>
<a href="">京網(wǎng)文[2014]0059-0009號(hào)</a>
<br>
違法和不良信息舉報(bào)電話：185-0130-1238，本網(wǎng)站所列數(shù)據(jù)，除特殊說明，所有數(shù)據(jù)均出自我司實(shí)驗(yàn)室測(cè)試
</div>
</div>
<div class="footer-bottom_li_3">
<img src="static/images/footericon1.png" alt="" class="icon">
<img src="static/images/footericon2.png" alt="" class="icon">
<img src="static/images/footericon3.png" alt="" class="icon">
<img src="static/images/footericon4.png" alt="" class="icon">
<img src="static/images/footericon5.png" alt="" class="icon">
</div>
<div class="footer-bottom_li_4">
探索黑科技，小米為發(fā)燒而生！
</div>
</div>
</div>
</div>
</div>
</body>
</html>
批改老師：天蓬老師批改時(shí)間：2019-06-15 17:27:40
老師總結(jié)：你這不僅僅是底部, 其實(shí)你只要提交關(guān)鍵代碼就可以了......