wangyi

最新推荐文章于 2024-05-03 15:15:35 发布

mccccccccccccc

最新推荐文章于 2024-05-03 15:15:35 发布

阅读量109

点赞数

分类专栏：网页重构文章标签： css html5

本文链接：https://blog.csdn.net/mccccccccccccc/article/details/107820115

版权

网页重构专栏收录该内容

2 篇文章 0 订阅

订阅专栏

关于包邮政策变更的说明
登录/注册
我的订单
会员
甄选家
企业采购
客户服务
app

<!--第二块-->
<div class="list2">
    <ul class=" item2">
        <li class="message">首页</li>
        <li class="message">居家生活</li>
        <li class="message">服饰鞋包</li>
        <li class="message">美食酒水</li>
        <li class="message">个护清洁</li>
        <li class="message">母婴亲子</li>
        <li class="message">运动旅行</li>
        <li class="message">数码家电</li>
        <li class="message">严选全球</li>
        <li class="message">为你严选</li>
        <li class="message">众筹</li>
    </ul>
</div>
<!--第三块-->
<div class="picture">
    <img src="./imgin/da2.jpg" alt="">
</div>
    <!--粘滞-->
<div class="box">
    <ul>
        <li>- 热销榜 -</li>
        <li><span class="iconfont icon-tongji"></span>全站热销榜</li>
        <li><span class="iconfont icon-xiyiji1"></span>居家生活榜</li>
        <li><span class="iconfont icon-yifu"></span>服饰鞋包榜</li>
        <li><span class="iconfont icon-jiu"></span>数码家电榜</li>
        <li><span class="iconfont icon-shouji"></span>个护清洁榜</li>
        <li><span class="iconfont icon-maojin2"></span>运动旅行榜</li>
        <li><span class="iconfont icon-quanmianshidaiicon_huaban"></span>母婴亲子榜</li>
        <li><span class="iconfont icon-liwu1"></span>全球特色榜</li>
    </ul>
</div>
<div class="box2">
    <ul>
        <li><span class="iconfont  icon-liwu1"></span>全站热销榜</li>
        <li><span class="iconfont  icon-qrcode"></span>app大额新人红包</li>
        <li><span class="iconfont  icon-anzhuo-"></span>服饰鞋包榜</li>
        <li><span class="iconfont  icon-jishuzhichizhichizhinengzhinengfuwufuwukefujishu"></span>数码家电榜</li>
        <li><span class="iconfont  icon-duanjiantouyou-copy-copy"></span>个护清洁榜</li>

    </ul>
</div>
<!--新品首发-->
<div class="news3">
    <div class="xinpin">新品首发</div>
    <ul class="list3">
        <li class="item3">
            <div class="picture3">
                <img src="./imgin/1.png" alt="">
            </div>
            <div class="introduce">
                <div class="active">每满200减25券</div>
                <div class="name">腰椎健康范，护腰塑性座椅</div>
                <div class="price">￥395</div>
            </div>
        </li>
        <li class="item3">
            <div class="picture3">
                <img src="./imgin/2.png" alt="">
            </div>
            <div class="introduce">
                <div class="active">限时购</div>
                <div class="name">2020新款，15分钟缓解疲劳，折叠眼部按摩仪</div>
                <div class="price">￥319</div>
            </div>
        </li>
        <li class="item3">
            <div class="picture3">
                <img src="./imgin/3.png" alt="">
            </div>
            <div class="introduce">
                <div class="active">新人特价</div>
                <div class="name">air真无线耳机，空气感佩戴，2020年全新款</div>
                <div class="price">￥139</div>
            </div>
        </li>
        <li class="item3">
            <div class="picture3">
                <img src="./imgin/4.jpg" alt="">
            </div>
            <div class="introduce">
                <div class="active">特价</div>
                <div class="name">三年陈普洱，新装玲珑柑普茶 130克（10颗）</div>
                <div class="price">￥85</div>
            </div>
        </li>
    </ul>
</div>
<!--人气推荐-->
<div class="container">
    <div class="recommand">
        <div class="tuijian">人气推荐</div>
        <ul class="products">
            <li>
                <div class="pricture">
                    <img src="./imgin/a.png" alt="">
                </div>  
                <div class="line">---------------------------------------------</div>
                <div class="introduce">
                    <div class="active">每满200减25券</div>
                    <div class="name">【丁磊直播款】男式精梳棉圆领短袖T恤</div>
                    <div class="price">￥49</div>
                </div>
            </li>
            <li>
                <div class="pricture">
                    <img src="./imgin/b.png" alt="">
                </div>
                <div class="introduce">
                    <div class="active">特价</div>
                    <div class="name">全面助力发育，全价幼猫粮</div>
                    <div class="price">￥395</div>
                </div>
            </li>
            <li>
                <div class="pricture">
                    <img src="./imgin/c.png" alt="">
                </div>
                <div class="introduce">
                    <div class="active">满139减20</div>
                    <div class="name">赶跑衣柜蟑螂 韩国天然香茅盒</div>
                    <div class="price">￥395</div>
                </div>
            </li>
            <li>                  
                <div class="pricture">
                    <img src="./imgin/d.png" alt="">
                </div>
                <div class="introduce">
                    <div class="active">仅剩一天</div>
                    <div class="name">谷风一木三层软抽面巾纸 6包/提</div>
                    <div class="price">￥395</div>
                </div>
            </li>
            <li>
                <div class="pricture">
                    <img src="./imgin/e.png" alt="">
                </div>
                    <div class="introduce">
                        <div class="active">正在抢购中</div>
                        <div class="name">酸梅汤 350毫升*9瓶</div>
                        <div class="price">￥25</div>
                    </div>
            </li>
            <li>
                <div class="pricture">
                    <img src="./imgin/f.png" alt="">
                </div>
                    <div class="introduce">
                        <div class="active"></div>
                        <div class="name">轻弹云朵居家拖鞋</div>
                        <div class="price">￥9.9</div>
                    </div>
            </li>
            <li>
                <div class="pricture">
                    <img src="./imgin/g.png" alt="">
                </div>
                    <div class="introduce">
                        <div class="active">满139减20</div>
                        <div class="name">清新英国梨香 强力去污酵素洗衣液</div>
                        <div class="price">￥395</div>
                    </div>
            </li>
        </ul>
    </div>
</div>
<div class="time">
    <div class="timelimit">限时购</div>
    <ul class="products2">
        <li >
            <div class="pircture2">
                <img src="./imgin/！.png" alt="">
            </div>
            <div class="introduce2">
                <div class="active2">限时价￥35.3</div>
                <div class="name2">蒸汽热敷眼罩</div>
                <div class="submit">立即抢购</div>
            </div>
        </li>
        <li>
            <div class="pircture2">
                <img src="./imgin/@.png" alt="">
            <div class="introduce2">
                <div class="active2">限时价￥35.3</div>
                <div class="name2">还原猫咪排泄天性，加拿大膨润土砂6千克</div>
                <div class="submit">立即抢购</div>
        </li>
        <li>
            <div class="pircture2">
                <img src="./imgin/&.png" alt="">
            </div>
            <div class="introduce2">
                <div class="active2">限时价￥35.3</div>
                <div class="name2">林音·实木床 升级款</div>
                <div class="submit">立即抢购</div>
            </div>      
        </li>
        <li>
            <div class="pircture2">
                <img src="./imgin/￥.png" alt="">
            </div>
            <div class="introduce2">
                <div class="active2">限时价￥35.3</div>
                <div class="name2">养出“宛如天生”素颜肌 活颜保湿乳120ml</div>
                <div class="submit">立即抢购</div>
            </div>
        </li>
    </ul>
</div>

<div style="height: 1000px;"></div>

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200805170712987.jpg?x-oss-process=image![在这里插入图片描述](https://img-blog.csdnimg.cn/20200805170748810.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21jY2NjY2NjY2NjY2Nj,size_16,color_FFFFFF,t_70) /watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21jY2NjY2NjY2NjY2Nj,size_16,color_FFFFFF,t_70)