abstract:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>小米商品展示</title> <link rel="shortcut icon" type="imag
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>小米商品展示</title> <link rel="shortcut icon" type="image/x-icon" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1561120276569&di=749c4bee7590f3692975aba8de1953e7&imgtype=0&src=http%3A%2F%2Fattach.bbs.miui.com%2Fforum%2F201708%2F10%2F063421fosmrrm2f283rmws.jpg"> <style> .box{width:1226px;margin:0 auto;} a{text-decoration:none;color:#333;} a:hover{color:#ff6700;} .tab{width: 100%;height:60px;} .left{width: 234px;height:614px;background-image: url(https://i1.mifile.cn/a4/xmad_15578089659428_Uywcg.jpg);background-size:234px auto;float:left;} .right{width: 992px;height:614px;float:right;} .small{width:234px;height:300px;margin:0 0 14px 14px;background-color:#fff;float:left;} .tong:hover{box-shadow:0 0 10px #333;margin-top:-5px;} .new{width: 64px;height: 20px;background-color: #83c44e;color:#fff;margin:0 auto;text-align: center;line-height: 20px;font-size: 14px;} .photo{width:160px;height: 160px;margin:0 auto;} img{width:160px;height: 160px;} .title{width:214px;height:21px;text-align: center;line-height: 21px;font-size: 14px;color:#333;margin:0 10px;} .text{width:214px;height:18px;text-align: center;line-height: 18px;font-size: 12px;color:#b0b0b0;margin:0 10px;} .price{width:214px;height:21px;text-align: center;line-height: 21px;font-size: 14px;color:#ff6700;margin:10px 10px;} .red{background-color:red;width: 64px;height: 20px;color:#fff;margin:0 auto;text-align: center;line-height: 20px;font-size: 14px;} .write{background-color:#fff;width: 64px;height: 20px;margin:0 auto;} del{font-size: 12px;color:#b0b0b0;} </style> </head> <body style="background: #f5f5f5;"> <div> <div> <h2 style="float:left;line-height: 60px;margin: 0;">手机</h2> <a href="#"><span style="float: right;line-height: 60px;">查看更多 >></span></a> </div> <div class="left tong"> </div> <div> <div class="small tong"> <div>新品</div> <div> <img src="https://i1.mifile.cn/a1/pms_1550642182.7527088!220x220.jpg" alt=""> </div> <div>小米9 6GB+128GB</div> <div>骁龙855,索尼4800万超广角微距三摄</div> <div>2999元</div> </div> <div class="small tong"> <div></div> <div> <img src="https://i1.mifile.cn/a1/pms_1540429613.4617799!220x220.jpg" alt=""> </div> <div>小米MIX 3 6GB+128GB</div> <div>磁动力滑盖全面屏 / 四曲面陶瓷机身</div> <div>3299元</div> </div> <div class="small tong"> <div></div> <div> <img src="https://i1.mifile.cn/a1/pms_1552647865.67536173!220x220.jpg" alt=""> </div> <div>Redmi Note 7 Pro</div> <div>6GB+128GB大存储,索尼4800万拍照</div> <div>1599元</div> </div> <div class="small tong"> <div>秒杀</div> <div> <img src="https://i1.mifile.cn/a1/pms_1554694214.08887531!220x220.png" alt=""> </div> <div>小米Play 4GB+64GB</div> <div>八核高性能处理器,后置1200万 AI 双摄</div> <div>749元</div> </div> <div class="small tong"> <div>秒杀</div> <div> <img src="https://i1.mifile.cn/a1/pms_1538019009.57772743!220x220.png" alt=""> </div> <div>小米8 屏幕指纹版 6GB+128GB</div> <div>全球首款压感屏幕指纹 骁龙845处理器</div> <div>1999元<del>2999元</del></div> </div> <div class="small tong"> <div>减200元</div> <div> <img src="https://i1.mifile.cn/a1/pms_1537324004.08544830!220x220.jpg" alt=""> </div> <div>小米8青春版6GB+64GB</div> <div>潮流镜面渐变色,2400万自拍旗舰</div> <div>1499元<del>1699元</del></div> </div> <div class="small tong"> <div></div> <div> <img src="https://i1.mifile.cn/a1/pms_1547020972.223707!220x220.jpg" alt=""> </div> <div>Redmi Note 7 6GB+64G</div> <div>4800万拍照,4000mAh大电量</div> <div>1399元</div> </div> <div class="small tong"> <div></div> <div> <img src="https://i1.mifile.cn/a1/pms_1558857780.47412427!220x220.jpg" alt=""> </div> <div>Redmi K20 Pro 6GB+128GB</div> <div>骁龙855旗舰处理器,索尼4800万超...</div> <div>2599元</div> </div> </div> </div> </body> </html>
Correcting teacher:查无此人Correction time:2019-06-22 17:04:30
Teacher's summary:完成的不错。学编程,先从模仿开始,继续加油。