摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Radmi Note&
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Radmi Note 7立即購買-小米商場</title> <link rel="icon" type="image/x-icon" href="./favicon.ico"> <link rel="stylesheet" type="text/css" href="static/css/style.css"> <link rel="stylesheet" type="text/css" href="static/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="static/css/details.css"> <script type="text/javascript" src="static/js/jq_3.3.1_mi.js"></script> <script type="text/javascript" src="static/js/details.js"></script> </head> <body> <!-- 頭部 --> <div class="head"> <div class="menu"> <ul class="menu_l l"> <li><a href="">小米商城</a><span>|</span></li> <li><a href="">MIUI</a><span>|</span></li> <li><a href="">loT</a><span>|</span></li> <li><a href="">云服務(wù)</a><span>|</span></li> <li><a href="">金融</a><span>|</span></li> <li><a href="">有品</a><span>|</span></li> <li><a href="">小愛開放平臺</a><span>|</span></li> <li><a href="">政企服務(wù)</a><span>|</span></li> <li><a href="">資質(zhì)證照</a><span>|</span></li> <li><a href="">協(xié)議規(guī)則</a><span>|</span></li> <li><a href="">下載app</a><span>|</span></li> <li><a href="">Select Region</a></li> </ul> <div class="menu_r r"> <ul> <li><a href="#">登陸</a><span>|</span></li> <li><a href="#">注冊</a><span>|</span></li> <li><a href="">消息通知</a></li> <li class="menu_r_li"><i class="fa fa-shopping-cart" style="color: #b0b0b0;font-size: 16px;"></i> <a href="">購物車(0)</a> <div>購物車中還沒有商品,趕緊選購</div> </li> </ul> </div> </div> </div> <div class="contents"> <div class="contents_top"> <div class="contents_nav"> <div class="contents_pic l"> <img src="static/images/footlogo.png"> <img src="static/images/logoAD.gif"> </div> <ul class="contents_menu l"> <li class="menu_list"> 小米手機(jī) <div class="MI_phone"> <div class="MI_phoneDIV"> <div class="MI_phone1"> <div class="new">新品</div> <div class="MI_phone_shop"> <img src="static/images/phone/phone1.png"> <br> <a href="">小米1</a> <br> <a href="" style="color: #ff6700;">999元</a> </div> </div> <span></span> <div class="MI_phone1"> <div class="new">新品</div> <div class="MI_phone_shop"> <img src="static/images/phone/phone2.png"> <br> <a href="">小米2</a> <br> <a href="" style="color: #ff6700;">1999元</a> </div> </div> <span></span> <div class="MI_phone1"> <div class="MI_phone_shop"> <img src="static/images/phone/phone3.png"> <br> <a href="">小米3</a> <br> <a href="" style="color: #ff6700;">2999元</a> </div> </div> <span></span> <div class="MI_phone1"> <div class="MI_phone_shop"> <img src="static/images/phone/phone4.jpg"> <br> <a href="">小米4</a> <br> <a href="" style="color: #ff6700;">3999元</a> </div> </div> <span></span> <div class="MI_phone1"> <div class="MI_phone_shop"> <img src="static/images/phone/phone5.jpg"> <br> <a href="">小米5</a> <br> <a href="" style="color: #ff6700;">4999元</a> </div> </div> <span></span> <div class="MI_phone1"> <div class="MI_phone_shop"> <img src="static/images/phone/phone7.png"> <br> <a href="">小米6</a> <br> <a href="" style="color: #ff6700;">5999元</a> </div> </div> </div> </div> </li> <li> 紅米 </li> <li> 電視 </li> <li> 筆記本 </li> <li>家電 </li> <li>新品</li> <li>路由器</li> <li>智能硬件</li> <li>服務(wù)</li> <li>社區(qū)</li> </ul> <form class="contents_search"> <input type="text" name=""> <div class="text1"> <a href="">小米9</a> <a href="">小米9 SE</a> </div> <div class="button"><i class="fa fa-search"></i></div> </form> </div> <div class="nav"> <div class="nav_l"> <span>Redmi Note 7</span><span class="span_1"></span><a href="">Redmi Note 7 Pro</a> </div> <ul class="nav_r"> <li><a href="">概述</a><span></span></li> <li><a href="">參數(shù)</a><span></span></li> <li><a href="">f碼通道</a><span></span></li> <li><a href="">用戶評價(jià)</a></li> </ul> </div> <div class="clear"></div> <div class="details_content"> <div class="con_l"> <img> </div> <div class="con_r"> <h2>Redmi Note 7</h2> <p class="r_p_1">4800萬拍照千元機(jī) / 品質(zhì)“小金剛”，18個(gè)月超長質(zhì)保 / “滿血版”驍龍660處理器 / 4000mAh 大電量 / 6.3" 水滴全面屏 / USB-C 接口，方便耐用 / 支持快充 4 協(xié)議</p> <p class="r_p_2">小米自營</p> <p class="r_p_3">1199元</p> <div class="address"> <span> 北京 </span><span> 北京市 </span><span>東城區(qū) </span><span> 安定門街道 </span><a href="">修改</a> <p style="color: #ff6700;">有現(xiàn)貨</p> </div> <h2>選擇版本</h2> <div class="phone_1"> <ul> <li class="details_much_left">4GB+64GB <span>1199元</span></li> <li class="details_much_left">6GB+64GB <span>1399元</span></li> <li class="details_much_left">3GB+32GB <span>999元</span></li> </ul> </div> <h2>選擇顏色</h2> <div class="phone_1"> <ul> <li class="details_color_left">夢幻藍(lán)</li> <li class="details_color_left">暮光金</li> <li class="details_color_left">亮黑色</li> </ul> </div> <h2>選擇套餐</h2> <div class="phone_1"> <ul> <li class="details_meal_left">標(biāo)配</li> <li class="details_meal_left">+10元得18w快充</li> <li class="details_meal_left">+19元得貼膜</li> <li class="details_meal_left">+10元得洞洞殼</li> </ul> </div> <div class="protect"> <h2>選擇小米提供的意外保護(hù)</h2><a href="">了解意外保護(hù)</a> </div> <ul class="protect_ul"> <li> <i class="l"></i> <img class="l" src="static/images/bz.jpg"> <div class="l"> <p class="div_p_1">意外保障服務(wù)</p> <p class="div_p_2">手機(jī)意外碎屏/進(jìn)水/碾壓等損壞</p> <span>我已閱讀</span><a href="">服務(wù)條款</a><span class="span_1"></span><a href="">常見問題</a><span class="span_2">99元</span> </div> &批改老師：天蓬老師批改時(shí)間：2019-04-04 10:51:37
老師總結(jié)：你的代碼應(yīng)該是沒有復(fù)制完吧? 下次寫關(guān)鍵代碼就可以, 然后配一張圖, 比這么多的代碼強(qiáng)