摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Document</title> <link rel="stylesheet" type="text/cs
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href=""> <link rel="shortcut icon" type="image/x-icon" href=""> <style type="text/css"> table{border: 1px solid #ccc;border-collapse: collapse;} td{width: 140px;height:230px;border: 1px solid #ccc; vertical-align: middle; text-align:center; padding: 10px} img{width:120px;height:140px; transition: all 0.6s;} img:hover{transform: scale(1.1); } .type2{width: 120px;height: 40px;text-decoration: none;color: black;} .type2:hover{width: 120px;height: 40px;color: red;text-decoration: underline;} .type1{width: 120px;height: 40px;text-decoration: none;} .td1{width: 120px;height: 40px;overflow: hidden;text-align: center;} strong{width: 120px;height: 30px;font-family: Arial;color:#FF6F6F;text-align: left;align-content: left} span{width: 120px;height: 20px;font-size: 12px;font-family: Arial;color: #BBBBBB} </style> <body> <div class="main"> <table> <tr> <td> <a class="type1" href="http://product.bl.com/3705514.html?bl_ad=PSY001_-_3705514_-_6&bl_mmc=YXTF_-_baiduSEM_-_44b1O49B_-_0"> <img src="http://img.iblimg.com/photo-42/2000/23223214_360x360.jpg"> </a> <br> <div class="td1"> <a class="type2" href="http://product.bl.com/3705514.html?bl_ad=PSY001_-_3705514_-_6&bl_mmc=YXTF_-_baiduSEM_-_44b1O49B_-_0" title="维达 立体美食品级抽纸3层100抽3包 中规格纸巾 包装批次略有差异"> 维达 立体美食品级抽纸3层100抽3包 中规格纸巾 包装批次略有差异 </a> </div> <br> <strong>¥9.90</strong> <br> <span>参考价:¥19.90</span> </td> <td> <!-- http://product.bl.com/1698597.html?bl_ad=PSY001_-_1698597_-_6&bl_mmc=YXTF_-_baiduSEM_-_44b1O49B_-_0 --> <a class="type1" href="http://product.bl.com/1698597.html?bl_ad=PSY001_-_1698597_-_6&bl_mmc=YXTF_-_baiduSEM_-_44b1O49B_-_0"> <img src="http://img31.iblimg.com/photo-5/3030/132734976_360x360.jpg"> </a> <br> <div class="td1"> <a class="type2" href="http://product.bl.com/1698597.html?bl_ad=PSY001_-_1698597_-_6&bl_mmc=YXTF_-_baiduSEM_-_44b1O49B_-_0" title="好奇 金装 超柔贴身纸尿裤 箱装大号129片 8801166332349"> 好奇 金装 超柔贴身纸尿裤 箱装大号129片 8801166332349 </a> </div> <br> <strong>¥200.00</strong> <br> <span>参考价:¥229.00</span> </td> <td> <a class="type1" href="http://product.bl.com/3384688.html?bl_ad=PSY001_-_3384688_-_6&bl_mmc=YXTF_-_baiduSEM_-_44b1O49B_-_0"> <img src="http://img19.iblimg.com/mp-175/mp/goods/144602464_360x360.jpg"> </a> <br> <div class="td1"> <a class="type2" href="http://product.bl.com/3384688.html?bl_ad=PSY001_-_3384688_-_6&bl_mmc=YXTF_-_baiduSEM_-_44b1O49B_-_0" title="Holland&Barrett 荷柏瑞 维C泡腾片 1000mg 20片/支 英国原装进口"> Holland&Barrett 荷柏瑞 维C泡腾片 1000mg 20片/支 英国原装进口 </a> </div> <br> <strong>¥25.90</strong> <br> <span>参考价:¥45.00</span> </td> <td> <a class="type1" href="http://product.bl.com/3715164.html?bl_ad=PSY001_-_3384688_-_6&bl_mmc=YXTF_-_baiduSEM_-_44b1O49B_-_0"> <img src="http://img.iblimg.com/photo-42/1000/1129786453_360x360.jpg"> </a> <br> <div class="td1"> <a class="type2" href="http://product.bl.com/3715164.html?bl_ad=PSY001_-_3384688_-_6&bl_mmc=YXTF_-_baiduSEM_-_44b1O49B_-_0" title="瑞士小姐 混合装牛奶棉花糖巧克力冲饮粉(固体饮料)207g"> 瑞士小姐 混合装牛奶棉花糖巧克力冲饮粉(固体饮料)207g </a> </div> <br> <strong>¥13.90</strong> <br> <span>参考价:¥40.00</span> </td> <td> <a class="type1" href="http://product.bl.com/3733279.html?bl_ad=PSY001_-_3384688_-_6&bl_mmc=YXTF_-_baiduSEM_-_44b1O49B_-_0"> <img src="http://img19.iblimg.com/mp-175/mp/goods/253470562_360x360.jpg"> </a> <br> <div class="td1"> <a class="type2" href="http://product.bl.com/3733279.html?bl_ad=PSY001_-_3384688_-_6&bl_mmc=YXTF_-_baiduSEM_-_44b1O49B_-_0" title="珺瓅 新世界金猪致富足金金条 2g"> 珺瓅 新世界金猪致富足金金条 2g </a> </div> <br> <strong>¥690.00</strong> <br> <span>参考价:¥700.00</span> </td> </tr> </table> </div> </body> </html>
批改老师:韦小宝批改时间:2018-11-23 15:16:55
老师总结:嗯!不错!代码写的很完整!课后就得像作业这样的去练习哦!继续加油吧!!