-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhomework7.html
293 lines (292 loc) · 6.55 KB
/
homework7.html
1
<!DOCTYPE html><html lang="sh"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="homework7.css"> </head> <body> <form> <div style="background-color: #f4f4f4;margin:0 auto"><div class="head"> <ul class="left"> <li> <a href="#">我的收藏 </a> </li> <li> <a href="#"> E族之家手机版 </a> </li> <li style="height: 30px;px;overflow:hidden"> <a href="#"></a> <img src="images/qq.jpg" alt="这是一个qq标志" > </li> <li> <p style="color:black;">328203328</p> </li> </ul> <ul class="right"> <li> <a href="#">注册</a> </li> <li> <p> | </p> </li> <li> <a href="#">请登录</a> </li> <li> <a href="#"> 欢迎来到E族之家， </a> </li> <li> <a href="#">扫描加入 </a> </li> </ul> </div></div> <div style="height: 160px;width: 1200px;margin:0 auto"><div style="height: 123px;"><div class="middle"> <ul> <li> <img src="images/logo.jpg" alt="这是E族之家的标志" > </li> <li style="margin-top:45px"> <input type="text" name="搜索" value=" 请输入关键词！" class="input"><input type="button" name="搜索" value="搜索" class="submit"> </li> <li class="shopcar" style=" float: right;"> <a href="#"><img src="images/car.jpg" style="float: left" alt="这是一个购物车"> <p style="color:black;">购物车(<span style="color:red">0</span>)件</p></a> </li> </ul> </div></div> <div class="daohang"> <ul> <a href="#"><li> 首页</li></a> <a href="#"><li>E族生活</li></a> <a href="#"><li>E族服务</li></a> <a href="#"><li>E族爱心</li></a> </ul> </div> </div> <div class="fg"></div> <div style="background-color: #fbfbfb"><div class="body"> <div class="body-h">当前位置：E族爱心>食品</div> <div style="height: 585px;float: left；width: 225px;"> <div class="body-h1"> <img src="images/ul.jpg" alt="这是一个列表图案" style="float: left"> <p style="float: left"> 全部分类</p> </div> <div class="body-h3"> <ul> <li> <a href="#"> <img src="images/lajiao.jpg" alt="这是一个辣椒"> <p>精品辣椒100g</p> <div>¥ 90.00</div> </a> </li> <li> <a href="#"><img src="images/baixiangguo.jpg" alt="这是一个百香果"> <p> 特级百香果3斤 </p> <div> ¥ 90.00 </div></a> </li> <li> <a href="#"><img src="images/beer.jpg" alt="这是一个啤酒"><p> 万威啤酒500ml </p> <div> ¥ 90.00 </div></a> </li> <li> <a href="#"><img src="images/yaoguo.jpg" alt="这是花生豆腰果啥的"> <p> 万威啤酒500ml </p> <div> ¥ 90.00 </div> </a> </li> <li> <a href="#"> <img src="images/lajiao.jpg" alt="这是一个辣椒"> <p>精品辣椒100g</p> <div>¥ 90.00</div> </a> </li> <li> <a href="#"><img src="images/baixiangguo.jpg" alt="这是一个百香果"> <p> 特级百香果3斤 </p> <div> ¥ 90.00 </div></a> </li> <li> <a href="#"><img src="images/beer.jpg" alt="这是一个啤酒"><p> 万威啤酒500ml </p> <div> ¥ 90.00 </div></a> </li> <li> <a href="#"><img src="images/yaoguo.jpg" alt="这是花生豆腰果啥的"> <p> 万威啤酒500ml </p> <div> ¥ 90.00 </div> </a> </li> </ul> </div> <div class="body-h2"> <ul> <li> <a href="#">>食品</a> </li> <li> <a href="#">>生活用品</a> </li> </ul> </div> </div> </div></div> <div style="background-color: #2e2e2e;height: 270px;"><div class="bottom"> <div style="height:165px;"> <div class="bottom1"> <ul style="padding-left:0px;"> <li> <a href="#">新手上路</a> </li> <li> <a href="#">售后流程</a> </li> <li> <a href="#">购物流程</a> </li> <li> <a href="#">订购方式</a> </li> </ul> </div> <div class="bottom1"> <ul> <li> <a href="#">配送方式</a> </li> <li> <a href="#">货到付款区域</a> </li> <li> <a href="#">配送支付查询</a> </li> <li> <a href="#">支付方式说明</a> </li> </ul> </div> <div class="bottom1"> <ul> <li> <a href="#">购物指南</a> </li> <li> <a href="#">常见问题</a> </li> <li> <a href="#">订购流程</a> </li> <li> <a href="#">注册新会员</a> </li> </ul> </div> <div class="bottom1"> <ul> <li> <a href="#">售后服务</a> </li> <li> <a href="#">退换货原则</a> </li> <li> <a href="#">售后服务保证</a> </li> <li> <a href="#">换货流程</a> </li> </ul> </div> <div class="bottom1" style="padding-right:0px;float:right"> <ul> <li> <a href="#">关于我们</a> </li> <li> <a href="#">网站故障报修</a> </li> <li> <a href="#">联系我们</a> </li> <li> <a href="#">投诉与建议</a> </li> </ul> </div> </div> <p style="background-color:#454545;height: 1px;margin:0 auto;"></p> <div class="bottomb"> <ul> <li> <a href="#">E族生活</a> </li> <li> <p> | </p> </li> <li> <a href="#">居家维修保养</a> </li> <li> <p> | </p> </li> <li> <a href="#">住宿优惠信息</a> </li> <li> <p> | </p> </li> <li> <a href="#">出行接送</a> </li> <li> <p> | </p> </li> <li> <a href="#">E族活动</a> </li> <li> <p> | </p> </li> <li> <a href="#">E族爱心</a> </li> <li> <p> | </p> </li> <li> <a href="#">积分商城</a> </li> </ul> <div> <p> © 2017-2018 E族之家 版权所有，并保留所有权利。ICP备案证书号：粤ICP备17127392号 </p> </div> </div></div> </div> </form> </body></html>