<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>淘宝网！我喜爱</title> <style> *{ margin: 0; padding: 0; } li{ list-style:none; margin: 7px; } a{ text-decoration: none; } #box1{ width: 1901px; height: 30px; background-color: rgb(232, 240, 247); } #box3>li{ position: static; float: left; } #box5>li{ position: static; float: left; } #box4{ width: 570px; height: 10px; position: static; float: right; } #qqq{ display: none; } #zzz > a:hover{ color: #fefffe; } #box2{ width: 1901px; height: 10%; background-color: rgb(234, 248, 250); } #div_left{ width: 30%; height: 500px; float: left; background-color: rgb(241, 248, 248); position: static; } #div_content{ width: 40%; height: 30%; float: left; background-color: rgb(240, 247, 247); position: static; } #div_right{ width: 30%; height: 30%; float: left; background-color: rgb(245, 242, 248); position: static; } #di{ width: 20%; height: 70%; background-color: rgb(253, 252, 251); } #zi{ float: right; position: static; } #box6{ position: relative; top: 110px; } #a{ width: 300px; margin: 20px auto; font-size: 10px; } input{ width: 300px; border: 2px solid rgb(199, 46, 46); height: 40px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #search{ width: 100px; height: 42px; background-color: blanchedalmond; } #b{ margin: 30px; right: -630px; } #jie{ right: -662px; } #box7{ float: right; position: relative; top: -30px; } </style></head><body> <div> <div id="box1"> <div id="box2"> <ul id="box3"> <li> <tr>地区 <tb> <select neme="card"> <option value="idcad" selected="selected">中国大陆</option> <option value="certificate">中国</option> <option value="certificate">日本</option> <option value="certificate">美国</option> <option value="certificate">泰国</option> <option value="certificate">俄罗斯</option> <option value="certificate">乌克兰</option> <option value="certificate">马来西亚</option> <option value="certificate">新西兰</option> </select> </tb> </tr> </li> <li id="zzz" style="color: rgb(206, 49, 49);"><a href="#">亲，请登录</a></li> <li>收费的登录</li> <li>手机逛淘宝</li> <li>网络无障碍</li> </ul> <div id="box4"> <ul id="box5"> <li>我的淘宝</li> <li id="#" style="color: red;">购物车</li> <li>收藏夹</li> <li>商品分类</li> <li>收费开店</li> <li>千牛卖家核心</li> <li>分割客服</li> </ul> </div> </div> <div id="box6"> <li> <img src="C:\Users\31753\Pictures\屏幕截图 2022-03-04 093044.png" width="100px" height="100px"> </li> </div> <div id="box7"> <li> <img src="C:\Users\31753\Pictures\屏幕截图 2022-03-03 194711.png" width="90px" height="90px"> </li> </div> <div id="a"> <input type="text" name="search" placeholder="|请输出关键字！！"> </div> <div id="b" style="position: relative"> <li> <a href="#">新款连衣裙</a> <a href="#">四件套</a> <a href="#" style="color: red;">潮流T恤</a> <a href="#">时尚女鞋</a> <a href="#">短裙</a> <a href="#">半生裙</a> <a href="#">男士外套</a> <a href="#">墙纸</a> <a href="#">行车记录仪</a> <a href="#">新款男鞋</a> <a href="#">耳机</a> <a href="#">时尚女包</a> <a href="#">沙发</a> </li> </div> <div id="jie" style="position: relative;"> <li> <a href="#" style="color: rgb(224, 138, 138);">主题市场</a> <a href="#" style="color: red;">天猫</a> <a href="#" style="color: red;">聚划算</a> <a href="#" style="color: aqua;">天猫超市</a> <a href="#">|</a> <a href="#">司法拍卖</a> <a href="#">飞猪游览</a> <a href="#">天天特卖</a> <a href="#">|</a> <a href="#">造点新货</a> <a href="#">苏宁易购</a> <a href="#">淘宝心选</a> <a href="#">智能生存</a> <a href="#">淘宝直播</a> </li> </div> <div id="box8"> <div id="div_left"> <div id="zi"> <li> <h3> <a href="#"></a> <a href="#">女装</a> <a href="#">/</a> <a href="#">内衣</a> <a href="#">/</a> <a href="#">家居</a> </li> <li> <h3> <a href="#"></a> <a href="#">女鞋</a> <a href="#">/</a> <a href="#">男鞋</a> <a href="#">/</a> <a href="#">箱包</a> </li> <li> <h3> <a href="#"></a> <a href="#">母婴</a> <a href="#">/</a> <a href="#">童装</a> <a href="#">/</a> <a href="#">玩具</a> </li> <li> <h3> <a href="#"></a> <a href="#">男装</a> <a href="#">/</a> <a href="#">静止户外</a> </li> <li> <h3> <a href="#"></a> <a href="#">美妆</a> <a href="#">/</a> <a href="#">彩妆</a> <a href="#">/</a> <a href="#">个护</a> </li> <li> <h3> <a href="#"></a> <a href="#">手机</a> <a href="#">/</a> <a href="#">数码</a> <a href="#">/</a> <a href="#">企业</a> </li> <li> <h3> <a href="#">️</a> <a href="#">大家电</a> <a href="#">/</a> <a href="#">生存电器</a> </li> <li> <h3> <a href="#"></a> <a href="#">零食</a> <a href="#">/</a> <a href="#">生鲜</a> <a href="#">/</a> <a href="#">茶酒</a> </li> <li> <h3> <a href="#">️</a> <a href="#">厨具</a> <a href="#">/</a> <a href="#">收纳</a> <a href="#">/</a> <a href="#">清洁</a> </li> <li> <h3> <a href="#">️</a> <a href="#">家纺</a> <a href="#">/</a> <a href="#">家饰</a> <a href="#">/</a> <a href="#">鲜花</a> </li> <li> <h3> <a href="#"></a> <a href="#">图书音像</a> <a href="#">/</a> <a href="#">文具</a> </li> <li> <h3> <a href="#"></a> <a href="#">医药健保</a> <a href="#">/</a> <a href="#">进口</a> </li> <li> <h3> <a href="#"></a> <a href="#">汽车</a> <a href="#">/</a> <a href="#">二手车</a> <a href="#">/</a> <a href="#">用品</a> </li> <li> <h3> <a href="#"></a> <a href="#">房产</a> <a href="#">/</a> <a href="#">装璜家具</a> <a href="#">/</a> <a href="#">建材</a> </li> <li> <h3> <a href="#"></a> <a href="#">手表</a> <a href="#">/</a> <a href="#">眼镜</a> <a href="#">/</a> <a href="#">珠宝饰品</a> </li> </div> </div> <div id="div_content"> <li> <img src="C:\Users\31753\Pictures\屏幕截图 2022-03-03 163021.png"> </li> </div> <div id="div_right"> <li> <img src="C:\Users\31753\Pictures\屏幕截图 2022-03-03 162742.png"> </li> </div> </div> <div id="box9"> <div id="di"> <li> <img src="C:\Users\31753\Pictures\屏幕截图 2022-03-03 154047.png"width="1901" height="600px"> </div> </li> </div> <div id="box10"> <li> <img src="C:\Users\31753\Pictures\屏幕截图 2022-03-04 094458.png"width="1901"height="600px"> </li> </div> <div id="box11"> <li> <img src="C:\Users\31753\Pictures\屏幕截图 2022-03-04 094532.png" width="1901" height="800px"> </li> </div> </div> </div></body></html>
款式图