体系课

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

5-2问题

来源：5-2 作业题

qq_一个人一個人_0

2018-08-09 09:12:38

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>慕淘网</title>
<link rel="stylesheet" type="text/css" href="CSS/style.css">
</head>
<body>
<div class="head">
<div class="top">
<span style="color: red;" id="dl">亲，请登录</span><span>免费注册</span><span>手机逛慕淘</span>
<div id="aa"><img src="素材/icon/22.png">联系客服<ul><li>消费者客服</li><li>卖家客服</li></ul></div>
<div id="aa" class="sod"><img src="素材/icon/22.png">卖家中心<ul><li>免费开店</li><li>已卖出的宝贝</li><li>出售中的宝贝</li><li>卖家服务市场</li><li>卖家培训中心</li><li>体验中心</li></ul></div>
<div id="aa">商品分类</div>
<div id="aa" class="mm"><img src="素材/icon/22.png">收藏夹<ul><li>收藏的宝贝</li><li>收藏的店铺</li></ul></div>
<div id="aa" class="nn"><img src="素材/icon/22.png">我的慕淘<ul><li>已买到的宝贝</li><li>我的足迹</li></ul></div>
</div>
<hr/ style="width: 1230px; margin: auto;">
<div class="logo">
<img src="素材/logo.png">
<input type="text" name="123" placeholder="灵魂美食一元抢" id="ss">
<button type="submit" id="bs">搜索</button>
<div id="car"><img src="素材/icon/26.png" id="p1">购物车&nbsp;&nbsp;|&nbsp;&nbsp;0<img src="素材/icon/23.png" id="p2"></div>
<div class="things">
<p>最新加入的商品</p>
<hr/ style = "margin: 15px 20px 0 20px;">
<div class="list">
<div>
<img src="素材/cart/1.png" class="pq">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;adidas&nbsp;阿迪达斯&nbsp;男士训练服<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p class="jg">￥335×1</p><hr/ style = "margin: 10px 0 10px 20px;">
</div>
<div>
<img src="素材/cart/2.png" class="pq">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;adidas&nbsp;阿迪达斯&nbsp;男士训练服<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p class="jg">￥335×1</p><hr/ style = "margin: 12px 000 10px 20px">
</div>
<div>
<img src="素材/cart/3.png" class="pq">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;adidas&nbsp;阿迪达斯&nbsp;男士训练服<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p class="jg">￥335×1</p><hr/ style = "margin: 12px 000 5px 20px">
</div>
<div>
<img src="素材/cart/4.png" class="pq">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;adidas&nbsp;阿迪达斯&nbsp;男士训练服<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p class="jg">￥335×1</p><hr/ style = "margin: 12px 000 5px 20px">
</div>
<div>
<img src="素材/cart/5.png" class="pq">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;adidas&nbsp;阿迪达斯&nbsp;男士训练服<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p class="jg">￥335×1</p><hr/ style = "margin: 12px 00 5px 20px">
</div>
<div>
<img src="素材/cart/book.jpg" class="pq">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;adidas&nbsp;阿迪达斯&nbsp;男士训练服<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p class="jg">￥335×1</p><hr/ style = "margin: 12px 00 5px 20px">
</div>
<div>
<img src="素材/cart/2.png" class="pq">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;adidas&nbsp;阿迪达斯&nbsp;男士训练服<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p class="jg">￥335×1</p><hr/ style = "margin: 12px 00 5px 20px">
</div>
<div>
<img src="素材/cart/3.png" class="pq">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;adidas&nbsp;阿迪达斯&nbsp;男士训练服<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p class="jg">￥335×1</p><hr/ style = "margin: 12px 00 5px 20px">
</div>
<div>
<img src="素材/cart/4.png" class="pq">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;adidas&nbsp;阿迪达斯&nbsp;男士训练服<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p class="jg">￥335×1</p><hr/ style = "margin: 12px 0 5px 20px">
</div>
<div>
<img src="素材/cart/5.png" class="pq">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;adidas&nbsp;阿迪达斯&nbsp;男士训练服<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p class="jg">￥335×1</p><hr/ style = "margin: 12px 0 5px 20px">
</div>
</div>
<p class="zj">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;共27件商品，共计￥0.00
<button type="">去购物车</button>
</p>
</div>
</div>
</div>
<div class="dao">
<div class="word">
<a href="#">数码城</a>
<a href="#">天黑黑</a>
<a href="#">团购</a>
<a href="#">发现</a>
<a href="#">二手特价</a>
<a href="#">名品汇</a>
</div>
</div>
<div class="cont">
<div class="choose">
<p><img src="素材/icon/18.png">商品分类</p>
<ul>
<li>&nbsp;&nbsp;&nbsp;家用电器</li>
<li>&nbsp;&nbsp;&nbsp;手机、运营商、数码</li>
<li>&nbsp;&nbsp;&nbsp;电脑、办公</li>
<li>&nbsp;&nbsp;&nbsp;家居、家具、家装、厨具</li>
<li>&nbsp;&nbsp;&nbsp;男装、女装、童装、内衣</li>
<li>&nbsp;&nbsp;&nbsp;化妆、清洁、宠物</li>
<li>&nbsp;&nbsp;&nbsp;运动户外、钟表</li>
<li>&nbsp;&nbsp;&nbsp;汽车、汽车用品</li>
<li>&nbsp;&nbsp;&nbsp;母婴、玩具乐器</li>
<li>&nbsp;&nbsp;&nbsp;食品、酒类、生鲜、特产</li>
<li>&nbsp;&nbsp;&nbsp;医药保健</li>
<li>&nbsp;&nbsp;&nbsp;图书、音像、电子书</li>
<li>&nbsp;&nbsp;&nbsp;彩票、旅行、充值、票务</li>
<li>&nbsp;&nbsp;&nbsp;理财、众筹、白条、保险</li>
</ul>
</div>
<div class="clearfloat"></div>
<div class="banner">
<img src="素材/focus-carousel/1.png">
<img src="素材/focus-carousel/2.jpg">
<img src="素材/focus-carousel/3.jpg">
<img src="素材/focus-carousel/4.jpg">
<img src="素材/focus-carousel/5.jpg">
</div>
<div class="news">
<p style="color: red; font-size: 20px;">慕快报</p><span class="gd">更多<img src="素材/icon/21.png"></span>
<p>[特惠]精选图书每满150减50</p>
<p>[公告]因广州图书仓搬仓升级配送延迟</p>
<p>[特惠]爆款手机12期免息&nbsp;抽奖赢电视</p>
<p>[公告]广州、福建受台风影响配送延迟</p>
<p>[特惠]大闸蟹领券满399减180</p>
</div>
<div class="pic">
<div><img src="素材/icon/1.png"><p>话费</p></div>
<div><img src="素材/icon/2.png"><p>机票</p></div>
<div><img src="素材/icon/3.png"><p>电影票</p></div>
<div><img src="素材/icon/4.png"><p>游戏</p></div>
<div><img src="素材/icon/5.png"><p>彩票</p></div>
<div><img src="素材/icon/6.png"><p>加油卡</p></div>
<div><img src="素材/icon/7.png"><p>酒店</p></div>
<div><img src="素材/icon/8.png"><p>火车票</p></div>
<div><img src="素材/icon/9.png"><p>众筹</p></div>
<div><img src="素材/icon/10.png"><p>理财</p></div>
<div><img src="素材/icon/11.png"><p>礼品卡</p></div>
<div><img src="素材/icon/12.png"><p>白条</p></div>
</div>
<div class="pp">
<img src="素材/ad.png">
</div>
<div class="title">
<div class="zuo"><div id="s1"><div class="ff">1F</div></div><div id="s2">服装鞋包</div></div>
<div class="you">大牌&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;男装&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;女装</div>
<div class="zhi"><div class="zhe"></div></div>

</div>
<p style="width: 1230px; border: 1.2px darkred solid; float: left; margin-top: -25px; z-index: -1; position: relative;"></p>
<div class="flr1">
<div><img src="素材/floor/1.png"><br/>匡威男棒球开衫外套2015<p id="price">￥479</p></div>
<div><img src="素材/floor/1.png"><br/>adidas&nbsp;&nbsp;男士训练服2015<p id="price">￥335</p></div>
<div><img src="素材/floor/1.jpg"><br/>必迈跑步短袖衫<p id="price">￥224</p></div>
<div><img src="素材/floor/1.jpg"><br/>NBA长筒护踝袜<p id="price">￥126</p></div>
<div><img src="素材/floor/1.png"><br/>特步官方开帽衫<p id="price">￥559</p></div>
<div><img src="素材/floor/1.png"><br/>KEL足球训练防风外套<p id="price">￥3889</p></div>
<div><img src="素材/floor/2.jpg"><br/>少女漫画同款连衣裙<p id="price">￥529</p></div>
<div><img src="素材/floor/2.jpg"><br/>漫画女主修身外套2015<p id="price">￥279</p></div>
<div><img src="素材/floor/1.png"><br/>男士羽绒服轻薄款2015<p id="price">￥889</p></div>
<div><img src="素材/floor/1.png"><br/>韩式潮流户外防水鞋<p id="price">￥579</p></div>
<div><img src="素材/floor/3.jpg"><br/>旅行多功能双肩包<p id="price">￥389</p></div>
<div><img src="素材/floor/3.jpg"><br/>户外徒步休闲功能包<p id="price">￥349</p></div>
</div>
<div class="title2">
<div class="zuo2"><div id="s2"><div class="ff2">2F</div></div><div id="s3">个护美妆</div></div>
<div class="you2">热门&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;国际大牌&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;国际名牌</div>
<div class="zhi2"><div class="zhe"></div></div>
</div>
<p style="width: 1230px; border: 1.2px darkred solid; float: left; margin-top: -50px; z-index: -1; position: relative;"></p>
<div class="flr2">
<div><img src="素材/floor/5.jpg"><br/>匡威男棒球开衫外套2015<p id="price2">￥479</p></div>
<div><img src="素材/floor/5.jpg"><br/>adidas&nbsp;&nbsp;男士训练服2015<p id="price2">￥335</p></div>
<div><img src="素材/floor/5.jpg"><br/>必迈跑步短袖衫<p id="price2">￥224</p></div>
<div><img src="素材/floor/5.jpg"><br/>NBA长筒护踝袜<p id="price2">￥126</p></div>
<div><img src="素材/floor/5.jpg"><br/>特步官方开帽衫<p id="price2">￥559</p></div>
<div><img src="素材/floor/5.jpg"><br/>KEL足球训练防风外套<p id="price2">￥3889</p></div>
<div><img src="素材/floor/1.png"><br/>少女漫画同款连衣裙<p id="price2">￥529</p></div>
<div><img src="素材/floor/1.png"><br/>漫画女主修身外套2015<p id="price2">￥279</p></div>
<div><img src="素材/floor/1.png"><br/>男士羽绒服轻薄款2015<p id="price2">￥889</p></div>
<div><img src="素材/floor/1.png"><br/>韩式潮流户外防水鞋<p id="price2">￥579</p></div>
<div><img src="素材/floor/1.png"><br/>旅行多功能双肩包<p id="price2">￥389</p></div>
<div><img src="素材/floor/1.png"><br/>户外徒步休闲功能包<p id="price2">￥349</p></div>
</div>
<div class="title3">
<div class="zuo3"><div id="s3"><div class="ff2">3F</div></div><div id="s4">手机通讯</div></div>
<div class="you3">热门&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;品质优选&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;新机尝鲜</div>
<div class="zhi3"><div class="zhe"></div></div>
</div>
<p style="width: 1230px; border: 1.2px darkred solid; float: left; margin-top: -50px; z-index: -1; position: relative;"></p>
<div class="flr3">
<div><img src="素材/floor/7.jpg"><br/>匡威男棒球开衫外套2015<p id="price3">￥479</p></div>
<div><img src="素材/floor/7.jpg"><br/>adidas&nbsp;&nbsp;男士训练服2015<p id="price3">￥335</p></div>
<div><img src="素材/floor/7.jpg"><br/>必迈跑步短袖衫<p id="price3">￥224</p></div>
<div><img src="素材/floor/7.jpg"><br/>NBA长筒护踝袜<p id="price3">￥126</p></div>
<div><img src="素材/floor/7.jpg"><br/>特步官方开帽衫<p id="price3">￥559</p></div>
<div><img src="素材/floor/7.jpg"><br/>KEL足球训练防风外套<p id="price3">￥3889</p></div>
<div><img src="素材/floor/7.jpg"><br/>少女漫画同款连衣裙<p id="price3">￥529</p></div>
<div><img src="素材/floor/7.jpg"><br/>漫画女主修身外套2015<p id="price3">￥279</p></div>
<div><img src="素材/floor/7.jpg"><br/>男士羽绒服轻薄款2015<p id="price3">￥889</p></div>
<div><img src="素材/floor/7.jpg"><br/>韩式潮流户外防水鞋<p id="price3">￥579</p></div>
<div><img src="素材/floor/7.jpg"><br/>旅行多功能双肩包<p id="price3">￥389</p></div>
<div><img src="素材/floor/7.jpg"><br/>户外徒步休闲功能包<p id="price3">￥349</p></div>
</div>
<div class="title4">
<div class="zuo4"><div id="s4"><div class="ff2">4F</div></div><div id="s5">手机通讯</div></div>
<div class="you4">热门&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;大家电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;生活电器</div>
<div class="zhi4"><div class="zhe"></div></div>
</div>
<p style="width: 1230px; border: 1.2px darkred solid; float: left; margin-top: -50px; z-index: -1; position: relative;"></p>
<div class="flr4">
<div><img src="素材/floor/8.jpg"><br/>匡威男棒球开衫外套2015<p id="price4">￥479</p></div>
<div><img src="素材/floor/8.jpg"><br/>adidas&nbsp;&nbsp;男士训练服2015<p id="price4">￥335</p></div>
<div><img src="素材/floor/8.jpg"><br/>必迈跑步短袖衫<p id="price4">￥224</p></div>
<div><img src="素材/floor/8.jpg"><br/>NBA长筒护踝袜<p id="price4">￥126</p></div>
<div><img src="素材/floor/8.jpg"><br/>特步官方开帽衫<p id="price4">￥559</p></div>
<div><img src="素材/floor/8.jpg"><br/>KEL足球训练防风外套<p id="price4">￥3889</p></div>
<div><img src="素材/floor/8.jpg"><br/>少女漫画同款连衣裙<p id="price4">￥529</p></div>
<div><img src="素材/floor/8.jpg"><br/>漫画女主修身外套2015<p id="price4">￥279</p></div>
<div><img src="素材/floor/8.jpg"><br/>男士羽绒服轻薄款2015<p id="price4">￥889</p></div>
<div><img src="素材/floor/8.jpg"><br/>韩式潮流户外防水鞋<p id="price4">￥579</p></div>
<div><img src="素材/floor/8.jpg"><br/>旅行多功能双肩包<p id="price4">￥389</p></div>
<div><img src="素材/floor/8.jpg"><br/>户外徒步休闲功能包<p id="price4">￥349</p></div>
</div>
<div class="title5">
<div class="zuo5"><div id="s5"><div class="ff2">5F</div></div><div id="s6">电脑数码</div></div>
<div class="you5">热门&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;电脑/平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;潮流影音</div>
<div class="zhi5"><div class="zhe"></div></div>
</div>
<p style="width: 1230px; border: 1.2px darkred solid; float: left; margin-top: -50px; z-index: -1; position: relative;"></p>
<div class="flr5">
<div><img src="素材/floor/9.jpg"><br/>匡威男棒球开衫外套2015<p id="price5">￥479</p></div>
<div><img src="素材/floor/9.jpg"><br/>adidas&nbsp;&nbsp;男士训练服2015<p id="price5">￥335</p></div>
<div><img src="素材/floor/9.jpg"><br/>必迈跑步短袖衫<p id="price5">￥224</p></div>
<div><img src="素材/floor/9.jpg"><br/>NBA长筒护踝袜<p id="price5">￥126</p></div>
<div><img src="素材/floor/9.jpg"><br/>特步官方开帽衫<p id="price5">￥559</p></div>
<div><img src="素材/floor/9.jpg"><br/>KEL足球训练防风外套<p id="price5">￥3889</p></div>
<div><img src="素材/floor/9.jpg"><br/>少女漫画同款连衣裙<p id="price5">￥529</p></div>
<div><img src="素材/floor/9.jpg"><br/>漫画女主修身外套2015<p id="price5">￥279</p></div>
<div><img src="素材/floor/9.jpg"><br/>男士羽绒服轻薄款2015<p id="price5">￥889</p></div>
<div><img src="素材/floor/9.jpg"><br/>韩式潮流户外防水鞋<p id="price5">￥579</p></div>
<div><img src="素材/floor/9.jpg"><br/>旅行多功能双肩包<p id="price5">￥389</p></div>
<div><img src="素材/floor/9.jpg"><br/>户外徒步休闲功能包<p id="price5">￥349</p></div>
</div>
<hr/ style="width: 1230px; margin:auto;">
<div class="imf">
<div><p style = "font-size: 17px; color: black;">消费者保障</p>保障范围&nbsp;&nbsp;&nbsp;退货退款流程&nbsp;&nbsp;&nbsp;服务中心<br/>更多特色服务</div>
<div><p style = "font-size: 17px; color: black;">新手上路</p>新手专区&nbsp;&nbsp;&nbsp;消费警示&nbsp;&nbsp;&nbsp;交易安全&nbsp;&nbsp;&nbsp;<br/>24小时在线帮助&nbsp;&nbsp;&nbsp;免费开店</div>
<div><p style = "font-size: 17px; color: black;">付款方式</p>快捷支付&nbsp;&nbsp;&nbsp;信用卡&nbsp;&nbsp;&nbsp;余额宝&nbsp;&nbsp;&nbsp;蜜蜂花呗<br/>货到付款</div>
<div><p style = "font-size: 17px; color: black;">慕淘特色</p>手机慕淘&nbsp;&nbsp;&nbsp;慕淘信&nbsp;&nbsp;&nbsp;大众点评&nbsp;&nbsp;&nbsp;客户指南</div>
</div>
</div>
<div class="footer">
<p>关于慕淘&nbsp;&nbsp;&nbsp;合作伙伴&nbsp;&nbsp;&nbsp;营销中心&nbsp;&nbsp;&nbsp; 联系举报&nbsp;&nbsp;&nbsp;人工客服&nbsp;&nbsp;&nbsp;开放平台&nbsp;&nbsp;&nbsp;诚征英才&nbsp;&nbsp;&nbsp;联系我们&nbsp;&nbsp;&nbsp;网站地图&nbsp;&nbsp;&nbsp;法律声明&nbsp;&nbsp;&nbsp;知识产权</p>
&copy;2016&nbsp;&nbsp;immoc.com&nbsp;&nbsp;All&nbsp;&nbsp;Rights&nbsp;&nbsp;Reserved
</div>

<div class="zhez"></div>
<div class="neir">
<div class="word"><span class="ab" id="ab">登录</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="bb">注册</span></div>
<div class="dl">
<form>
<input type="text" name="1" placeholder="请输入登录邮箱/手机号" id="un"><br/>
<p class="erro1"></p>
<input type="password" name="2" placeholder="6-16位密码,区分大小写,不能用空格" id="pas"><br/><p class="erro2"></p>
<input type="checkbox" name="3" class="aa"><div class="dx">下次自动登录</div>
<div class="fp">忘记密码</div>
<input type="button" id="sub1" value="登录">
</form>
<div class="pics">
<img src="素材/icon/xinlang.png">
<img src="素材/icon/weixin.png">
<img src="素材/icon/QQ.png">
</div>
</div>
<div class="zc">
<form>
<input type="text" name="1" placeholder="请输入注册邮箱/手机号" id="zc"><br/>
<p class="erro3"></p>
<input type="text" name="2" style = "width: 210px;" placeholder="请输入验证码" id="get"><img src="素材/verify.png" id="yzm"><br/>
<p class="erro4"></p>
<input type="button" id="sub2" value="注册">
</form>
<div class="pics">
<img src="素材/icon/xinlang.png">
<img src="素材/icon/weixin.png">
<img src="素材/icon/QQ.png">
</div>
</div>
<div class="guan">×</div>
</div>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
<script type="text/javascript" src="JS/javasc.js"></script>
</body>
</html>
*{margin: 0; padding: 0;}
.head{
	width: 100%;
	height: 180px;
	background-color: #f3f5f7;
}

.top{
	width: 1200px;
	height: 20px;
	margin: auto;
	margin-bottom: 16px;
	font-size: 13px;
	position: relative;
}
.top span{
	display: inline-block;
	margin:10px 7px 0 7px;
}
.top span:hover{
	color: red;
	cursor: pointer;
}
.top #aa{
	width: 80px;
	text-align: center;
	padding: 9px 4px;
	float: right;
	border: 1px transparent solid;
	border-bottom: none;
	border-top: none; 
}
.top #aa ul{
	display: none;
	border: 1px lightgray solid;
	list-style: none;
	color: black;
	font-size: 13px;
	position: absolute;
	height: 70px;
	width: 85px;
	z-index: 999;
	background-color: white;
	border-top: none;
	margin-top: 10px;
	margin-left: -5px;
	padding: 0 1.5px;
}
.top #aa ul li{
	text-align: center;
	line-height: 35px;
	margin-left: -2px !important;
	padding-right: 2px;
	width: 87px;
	height: 35.5px;
}
.top #aa ul li:hover{
	background: #cdd0d4;
}
.top #aa:hover{
	color: red;
	cursor: pointer;
	background-color: #fff;
	border: 1px lightgray solid;
	border-bottom: none;
	border-top: none;
}
.top #dl{
	cursor: pointer;
}
.top #aa img{
	float: right;
	margin-right: 5px;
	margin-top: 2px;
}

.logo{
	width: 1200px;
	height: 130px;
/*	border: 1px red solid;*/
	margin:auto;
	position: relative;
}
.logo img{
	position: absolute;
	margin-top: 41px;
}
.logo #ss{
	margin:47.5px 260px;
	width: 600px;
	height: 35px;
	position: absolute;
}
.logo #bs{
	margin-left: 860px;
	margin-top: 47.5px;
	width: 80px;
	height: 39px;
	background-color: black;
	color: white;
	border: 0;
}
.logo #car{
	width: 150px;
	height: 39px;
	background-color: red;
	color: white;
	margin-left: 1000px;
	margin-top:-40px;
	display: block;
	text-align: center;
	line-height: 39px;
}
.logo #car:hover{
	cursor: pointer;
	border: 1px lightgray solid;
	border-bottom: none;
}
.logo #car #p1{
	display: inline;
	float: left;
	margin:11px -27px;
}
.logo #car #p2{
	display: inline;
	float: right;
	margin:11px 10px;
}
.logo .things{
	width: 300px;
	height: 445px;
	color: black;
	margin-left: 1000px;
	background-color: white;
	border: 1px lightgray solid;
	display: none;
}
.logo .things p{
	margin-top: 10px;
	margin-left: 30px;
}
.logo .things .list{
	width: 300px;
	height: 335px;
	overflow: scroll;
	overflow-x: hidden;
}
.logo .things .list div{
	font-size: 12px;
	width: 280px;
	height: 56px;
	position: relative;
	/*margin: auto;*/
	padding-top: 10px;
	/*border: 1px green solid;*/
}
.logo .things .list div:hover{
	background-color: #f3f5f7;
	color: red;
}
.logo .things .list .jg{
	width: 50px;
	height: 15px;
	margin-top: -3px;
	margin-left: 80px;
}
.logo .things .list .pq{
	display: inline-block;
	margin-left: 20px;
	margin-top: 0 !important;
}
.logo .things .zj{
	margin: 0 !important;
	height: 60px;
	width: 200px;
	line-height: 60px;
	display: inline;
	font-size: 13px;
}
.logo .things .zj button{
	background-color: red;
	color: white;
	width: 90px;
	height: 40px;
	margin-left: 20px;
	border: none;
	display: inline-block;
}

.dao{
	background-color: #07111b;
	width: 100%;
	height: 50px;
}
.dao .word{
	width: 600px;
	height: 50px;
	margin-left: 370px;
	text-align: center;
	line-height: 50px;
}
.dao .word a{
	text-decoration: none;
	margin:0 25px;
	color: #f3f5f7;
}
.dao .word a:hover{
	color: red;
}

.cont{
	height: 3830px;
	width: 1230px;
	margin:auto;
	/*border:1px red solid;*/
}
.cont .choose{
	width: 220px;
	height: 550px;
	margin-top:-60px;
	padding-top: 20px;
	background-color: red;
	float: left;
	color: white;
	opacity: 0.85;

}
.cont .choose p{
	width: 100px;
	margin-left:20px;
	margin-top:5px;
	text-align: right;
	position: relative;
	font-size: 15px;
}
.cont .choose img{
	position: absolute;
	margin-left: -33px;
	margin-top: 3px;
}
.cont .choose ul{
	list-style: none;
	margin-top: 15px;
	width: 210px;
	height: 500px;
}
.cont .choose ul li{
	/*margin:20px auto;*/
	width: 220px;
	height: 36.45px;
	line-height: 36.45px;
	font-size: 13px;
	background: url('C:/Users/Administrator/Desktop/Web作业/作业6/素材/icon/23.png');
	background-repeat: no-repeat;
	background-position: 5px 50px;

}
.cont .choose ul img{
	float: right;
	margin-left: 195px;
	margin-top: 10px;
	transform: rotate(270deg);
}

.cont .banner{
	width: 730px;
	height: 505px;
	overflow: hidden;
	float: left;
	margin-top:5px;
	margin-left:5px;
}
.cont .banner img{
	width: 730px;
	height: 505px;
}

.cont .news{
	width: 268px;
	height: 186px;
	margin-top:5px;
	margin-right: -2px;
	float: right;
	font-size: 13px;
	border: 1px lightgray solid;
}
.cont .news p{
	margin:10px 20px;
}
.cont .news .gd{
	display: block;
	float: right;
	margin-top: -30px;
	margin-right: 20px;
	color: gray;
	font-size: 13px;
}
.cont .news .gd img{
	transform: rotate(270deg);
	height: 8px;
}

.cont .pic{
	width: 270px;
	height: 186px;
	float: right;
	margin-right: -2px;
}
.cont .pic div{
	float: left;
	width: 65.5px;
	height: 67.5px;
	font-size: 13px;
	color: gray;
	text-align: center;
	border: 1px lightgray solid;
}
.cont .pic div img{
	width: 25px;
	height: 25px;
	margin-top:13.25px;
	vertical-align:middle;
}

.cont .pp{
	width: 270px;
	height:109.5px;
	float: right;
	margin-right:-2px;
	margin-top:22px;
}
.cont .pp img{
	width: 270px;
	height:108.5px;
}

.cont .title .zuo{
	width: 200px;
	height: 60px;
	margin:30px 0;
	float: left;
}
.cont .title #s1{
	width: 26px;
	height: 26px;
	border-radius: 13px;
	background-color: black;
	display: block;
	color: white;
	margin-top: 17px;

}
.cont .title #s1 div{
	width: 26px;
	height: 26px;
	margin-left: 3px;
	margin-top: 19px;
	line-height: 26px;
}
.cont .title #s2{
	width: 100px;
	height: 20px;
	float: left;
	font-size: 23px;
	margin-top: -28px;
	margin-left: 45px;
}
.cont .title .you{
	width: 200px;
	height: 60px;
	font-size: 13px;
	color: gray;
	float: right;
	margin-top: 33px;
	text-align: center;
	line-height: 60px;
	margin-right: -270px;
}
.cont .title .zhi{
	width: 0;
	height: 0;
	float: right;
	border-left: 8px solid #7d7b7b;
	border-left-color: transparent;
    /*border-top: 10px solid #5851c3;*/
    border-right: 8px solid #21a4d6;
    border-right-color: transparent;
    border-bottom: 12px solid darkred;
  	box-sizing: border-box;
  	margin-top:85px;
  	margin-right:-110px;
  }
  .cont .title .zhi div{
  	width: 0;
	height: 0;
	float: right;
	border-left: 8px solid #7d7b7b;
	border-left-color: transparent;
    /*border-top: 10px solid #5851c3;*/
    border-right: 8px solid #21a4d6;
    border-right-color: transparent;
    border-bottom: 12px solid white;
  	box-sizing: border-box;
  	right:302.5px;
  	margin-top:4px;
  	position: absolute;
  	z-index: 999;
  }

 .cont .flr1{
 	width: 1230px;
 	height: 500px;
 	padding-top: 50px;
 	float: left;
 }
.cont .flr1 div{
	width: 205px;
	height: 250px;
	font-size: 13px;
	float: left;
	text-align: center;
}
.cont .flr1 div img{
	width: 130px;
	height: 140px;
}
.cont .flr1 #price{
	color: red;
	font-size: 13px;
	text-align: center;;
}

.cont .title2 .zuo2{
	width: 200px;
	height: 60px;
	margin:30px 0;
	float: left;
}
.cont .title2 #s2{
	width: 26px;
	height: 26px;
	border-radius: 13px;
	background-color: black;
	display: block;
	color: white;
	margin-top: 17px;

}
.cont .title2 #s2 div{
	width: 26px;
	height: 26px;
	margin-left: 3px;
	margin-top: -25px;
	line-height: 26px;
}
.cont .title2 #s3{
	width: 100px;
	height: 20px;
	float: left;
	font-size: 23px;
	margin-top: -28px;
	margin-left: 45px;
}
.cont .title2 .you2{
	width: 220px;
	height: 60px;
	font-size: 13px;
	color: gray;
	float: right;
	margin-top: 5px;
	text-align: center;
	line-height: 60px;
	margin-right: 8px;
}
.cont .title2 .zhi2{
	width: 0;
	height:0;
	float: right;
	border-left: 8px solid #7d7b7b;
	border-left-color: transparent;
    /*border-top: 10px solid #5851c3;*/
    border-right: 8px solid #21a4d6;
    border-right-color: transparent;
    border-bottom: 12px solid darkred;
  	box-sizing: border-box;
  	margin-top:60px;
  	margin-right:-25px;
  }
  .cont .title2 .zhi2 div{
  	width: 0;
	height: 0;
	float: right;
	border-left: 8px solid #7d7b7b;
	border-left-color: transparent;
    /*border-top: 10px solid #5851c3;*/
    border-right: 8px solid #21a4d6;
    border-right-color: transparent;
    border-bottom: 12px solid white;
  	box-sizing: border-box;
  	right:347px;
  	margin-top:4px;
  	position: absolute;
  	z-index: 999;
  }
  .cont .flr2{
 	width: 1230px;
 	height: 500px;
 	float: left;
 }
.cont .flr2 div{
	width: 205px;
	height: 250px;
	font-size: 13px;
	float: left;
	text-align: center;
}
.cont .flr2 div img{
	width: 130px;
	height: 140px;
}
.cont .flr2 #price2{
	color: red;
	font-size: 13px;
	text-align: center;;
}

.cont .title3 .zuo3{
	width: 200px;
	height: 60px;
	margin:30px 0;
	float: left;
}
.cont .title3 #s3{
	width: 26px;
	height: 26px;
	border-radius: 13px;
	background-color: black;
	display: block;
	color: white;
	margin-top: 17px;

}
.cont .title3 #s3 div{
	width: 26px;
	height: 26px;
	margin-left: 3px;
	margin-top: -25px;
	line-height: 26px;
}
.cont .title3 #s4{
	width: 100px;
	height: 20px;
	float: left;
	font-size: 23px;
	margin-top: -28px;
	margin-left: 45px;
}
.cont .title3 .you3{
	width: 220px;
	height: 60px;
	font-size: 13px;
	color: gray;
	float: right;
	margin-top: 5px;
	text-align: center;
	line-height: 60px;
	margin-right: 8px;
}
.cont .title3 .zhi3{
	width: 0;
	height:0;
	float: right;
	border-left: 8px solid #7d7b7b;
	border-left-color: transparent;
    /*border-top: 10px solid #5851c3;*/
    border-right: 8px solid #21a4d6;
    border-right-color: transparent;
    border-bottom: 12px solid darkred;
  	box-sizing: border-box;
  	margin-top:60px;
  	margin-right:-25px;
  }
  .cont .title3 .zhi3 div{
  	width: 0;
	height: 0;
	float: right;
	border-left: 8px solid #7d7b7b;
	border-left-color: transparent;
    /*border-top: 10px solid #5851c3;*/
    border-right: 8px solid #21a4d6;
    border-right-color: transparent;
    border-bottom: 12px solid white;
  	box-sizing: border-box;
  	right:347px;
  	margin-top:4px;
  	position: absolute;
  	z-index: 999;
  }
  .cont .flr3{
 	width: 1230px;
 	height: 500px;
 	float: left;
 	margin-bottom: -20px;
 }
.cont .flr3 div{
	width: 205px;
	height: 250px;
	font-size: 13px;
	float: left;
	text-align: center;
}
.cont .flr3 div img{
	width: 140px;
	height: 160px;
	margin:-20px auto;
}
.cont .flr3 #price3{
	color: red;
	font-size: 13px;
	text-align: center;;
}

.cont .title4 .zuo4{
	width: 200px;
	height: 60px;
	margin:30px 0;
	float: left;
}
.cont .title4 #s4{
	width: 26px;
	height: 26px;
	border-radius: 13px;
	background-color: black;
	display: block;
	color: white;
	margin-top: 17px;

}
.cont .title4 #s4 div{
	width: 26px;
	height: 26px;
	margin-left: 3px;
	margin-top: -25px;
	line-height: 26px;
}
.cont .title4 #s5{
	width: 100px;
	height: 20px;
	float: left;
	font-size: 23px;
	margin-top: -28px;
	margin-left: 45px;
}
.cont .title4 .you4{
	width: 220px;
	height: 60px;
	font-size: 13px;
	color: gray;
	float: right;
	margin-top: 5px;
	text-align: center;
	line-height: 60px;
	margin-right: 8px;
}
.cont .title4 .zhi4{
	width: 0;
	height:0;
	float: right;
	border-left: 8px solid #7d7b7b;
	border-left-color: transparent;
    /*border-top: 10px solid #5851c3;*/
    border-right: 8px solid #21a4d6;
    border-right-color: transparent;
    border-bottom: 12px solid darkred;
  	box-sizing: border-box;
  	margin-top:60px;
  	margin-right:-30px;
  }
  .cont .title4 .zhi4 div{
  	width: 0;
	height: 0;
	float: right;
	border-left: 8px solid #7d7b7b;
	border-left-color: transparent;
    /*border-top: 10px solid #5851c3;*/
    border-right: 8px solid #21a4d6;
    border-right-color: transparent;
    border-bottom: 12px solid white;
  	box-sizing: border-box;
  	right:342.5px;
  	margin-top:4px;
  	position: absolute;
  	z-index: 999;
  }
 .cont .flr4{
 	width: 1230px;
 	height: 500px;
 	float: left;
 	padding-bottom: 40px;
 }
.cont .flr4 div{
	width: 205px;
	height: 250px;
	font-size: 13px;
	float: left;
	text-align: center;
}
.cont .flr4 div img{
	width: 140px;
	height: 150px;
	margin:20px 20px;
}
.cont .flr4 #price4{
	color: red;
	font-size: 13px;
	text-align: center;;
}

.cont .title5 .zuo5{
	width: 200px;
	height: 60px;
	margin:30px 0;
	float: left;
}
.cont .title5 #s5{
	width: 26px;
	height: 26px;
	border-radius: 13px;
	background-color: black;
	display: block;
	color: white;
	margin-top: 17px;

}
.cont .title5 #s5 div{
	width: 26px;
	height: 26px;
	margin-left: 3px;
	margin-top: -25px;
	line-height: 26px;
}
.cont .title5 #s6{
	width: 100px;
	height: 20px;
	float: left;
	font-size: 23px;
	margin-top: -28px;
	margin-left: 45px;
}
.cont .title5 .you5{
	width: 220px;
	height: 60px;
	font-size: 13px;
	color: gray;
	float: right;
	margin-top: 5px;
	text-align: center;
	line-height: 60px;
	margin-right: 8px;
}
.cont .title5 .zhi5{
	width: 0;
	height:0;
	float: right;
	border-left: 8px solid #7d7b7b;
	border-left-color: transparent;
    /*border-top: 10px solid #5851c3;*/
    border-right: 8px solid #21a4d6;
    border-right-color: transparent;
    border-bottom: 12px solid darkred;
  	box-sizing: border-box;
  	margin-top:60px;
  	margin-right:-23px;
  }
  .cont .title5 .zhi5 div{
  	width: 0;
	height: 0;
	float: right;
	border-left: 8px solid #7d7b7b;
	border-left-color: transparent;
    /*border-top: 10px solid #5851c3;*/
    border-right: 8px solid #21a4d6;
    border-right-color: transparent;
    border-bottom: 12px solid white;
  	box-sizing: border-box;
  	right:349.5px;
  	margin-top:4px;
  	position: absolute;
  	z-index: 999;
  }
   .cont .flr5{
 	width: 1230px;
 	height: 500px;
 	float: left;
 	padding-bottom: 30px;
 }
.cont .flr5 div{
	width: 205px;
	height: 250px;
	font-size: 13px;
	float: left;
	text-align: center;
}
.cont .flr5 div img{
	width: 130px;
	height: 120px;
	margin:20px 20px;
}
.cont .flr5 #price5{
	color: red;
	font-size: 13px;
	text-align: center;;
}

.cont .imf{
	width: 1200px;
	height: 200px;
}
.cont .imf div{
	color: gray;
	font-size: 12px;
	float: left;
	margin:20px 20px 20px 80px;
}

.footer{
	width: 100%;
	height: 90px;
	background-color: #f3f5f7;
	font-size: 12px;
	text-align: center;
	line-height: 75px;
	color: gray;
}
.footer p{
	height: 17px;
}

			/*动态内容*/
.zhez{
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.5;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	display: none;
}
.neir{
	width: 450px;
	height: 370px;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	background-color: white;
	z-index: 999999;
	display: none;
}
.neir .guan{
	width: 20px;
	height: 20px;
	background-color: white;
	text-align: center;
	line-height: 20px;
	float: right;
	margin-top: -380px;
	right: 43px;
	cursor: pointer;
	font-size: 26px;
	position: absolute;
	color: lightgray;
	display:none;
}
.neir .guan:hover{
	color: black;
}
.neir .word{
	width: 160px;
	height: 50px;
	color: gray;
	text-align: center;
	margin-top: 40px;
	font-size: 20px;
	margin-left: 20px;
}
.ab{
	color: red;
	padding-bottom: 3px;
    border-bottom: 2px solid red;
}
.neir .word span:hover{
	cursor: pointer;
}
.neir .dl{
	font-size: 13px;
	color: gray;
}
.neir .dl .erro1{
	float: left;
	height: 30px;
	left:  50px;
	top: 140px;
	color: red;
	position: absolute;
}
.neir .dl .erro2{
	float: left;
	height: 30px;
	left:  50px;
	top: 200px;
	color: red;
	position: absolute;
}
.neir .dl input{
	display: block;
	width: 350px;
	height: 35px;
	margin: 5px 50px;
	position: relative;
}
 .neir .dl .aa{
	width: 13px;
	height: 13px;
	margin-top: 2px;
	display: inline-block;
}
.neir .dl .dx{
	margin-top: -23px;
	margin-left: 65px;
}
.neir .dl .fp{
	width: 60px;
	height: 30px;
	float: right;
	margin-top: -17px;
	margin-right: 37px;
}
.neir .dl #sub1{
	width: 354px;
	height: 40px;
	background-color: red;
	font-size: 20px;
	border: none;
	margin-left: 50px;
	color: white;
}
.neir .dl .pics{
	width: 350px;
	height: 100px;
	margin-left: 70px;
	margin-top: 20px;
}
.neir .dl .pics img{
	width: 38px;
	height: 38px;
	margin: -6px 30px;
	border-radius: 19px;
	background-color: gray;
}
.neir .dl .pics img:hover{
	background-color: green;
	cursor: pointer;
}
.neir .zc{
	font-size: 13px;
	color: gray;
}
.neir .zc .erro3{
	float: left;
	height: 30px;
	left:  50px;
	top: 140px;
	color: red;
	position: absolute;
}
.neir .zc .erro4{
	float: left;
	height: 30px;
	left:  50px;
	top: 200px;
	color: red;
	position: absolute;
}
.neir .zc input{
	display: block;
	width: 350px;
	height: 35px;
	margin:5px 50px;
	position: relative;
}
.neir .zc #sub2{
	width: 354px;
	height: 40px;
	background-color: red;
	font-size: 20px;
	border: none;
	margin-left: 50px;
	color: white;
	position: relative;
}
.neir .zc .pics{
	width: 350px;
	height: 100px;
	margin-left: 70px;
	margin-top: 20px;
}
.neir .zc .pics img{
	width: 38px;
	height: 38px;
	margin: auto 30px;
	border-radius: 19px;
	background-color: gray;
}
.neir .zc .pics img:hover{
	background-color: green;
	cursor: pointer;
}
.neir .zc #yzm{
	display: inline-block;
	position: absolute;
	width: 124px;
	height: 40px;
	margin-left: 280px;
	margin-top: -44px;
}
.zcactive{
	color: red;
	padding-bottom: 3px;
    border-bottom: 2px solid red;
}


老师，为什么我的商品分类菜单的右边的尖括号图片显示不出来，我之前时在HTML里面的li标签之前加的img标签能显示出来，但是鼠标滑过的时候所有的li的样式都发生变化了，不会滑过一个变一个，后来问过老师后我改成现在这样在li里面插背景图，但还是没用，哪里的问题呢

写回答

1回答

樱桃小胖子

2018-08-09

建议同学将js代码也贴上来，不然有些效果没有，老师没办法准确的定位你的问题哦。祝学习愉快！

0

0 学习 · 36712 问题

查看课程

相似问题

5-2作业问题

回答 1

5-2楼层滚动的问题

回答 3

5-2问题

回答 1

5-2作业购物车问题

回答 1

5-2问题

回答 2

打开慕课网App查看更多内容