网页中软国际

最新推荐文章于 2021-06-23 12:42:16 发布

milulama

最新推荐文章于 2021-06-23 12:42:16 发布

阅读量152

点赞数

本文链接：https://blog.csdn.net/huishuohua/article/details/101064127

版权

图片素材

在这里插入图片描述

代码

首页

登入注册购物车

<div>
    <div> <h3>最新商品<img src="../img/title2.jpg"></h3></div>
    <div style="float: left; height: 480px" >
        <img src="../products/hao/big01.jpg">
    </div>
    <div style="float: left; height: 480px; width: 80%">
        <div style="float: left; width: 50%;height: 240px;">
            <img src="../products/hao/middle01.jpg" width="100%" height="100%">
        </div>
        <div class="product">
            <img src="../products/hao/small06.jpg">
            <p>洗衣机</p>
            <p style="color: red">$1000</p>
        </div>
        <div class="product">
            <img src="../products/hao/small06.jpg">
            <p>洗衣机</p>
            <p style="color: red">$1000</p>
        </div>
        <div class="product">
            <img src="../products/hao/small06.jpg">
            <p>洗衣机</p>
            <p style="color: red">$1000</p>
        </div>
        <div class="product">
            <img src="../products/hao/small06.jpg">
            <p>洗衣机</p>
            <p style="color: red">$1000</p>
        </div>
        <div class="product">
            <img src="../products/hao/small06.jpg">
            <p>洗衣机</p>
            <p style="color: red">$1000</p>
        </div>
        <div class="product">
            <img src="../products/hao/small06.jpg">
            <p>洗衣机</p>
            <p style="color: red">$1000</p>
        </div>
        <div class="product">
            <img src="../products/hao/small06.jpg">
            <p>洗衣机</p>
            <p style="color: red">$1000</p>
        </div>
        <div class="product">
            <img src="../products/hao/small06.jpg">
            <p>洗衣机</p>
            <p style="color: red">$1000</p>
        </div>
        <div class="product">
            <img src="../products/hao/small06.jpg">
            <p>洗衣机</p>
            <p style="color: red">$1000</p>
        </div>


    </div>
    <div>
        <img src="../products/hao/ad.jpg" width="100%">
    </div>
    <div>
        <img src="../img/footer.jpg" width="100%">
    </div>
    <div style="text-align: center">
        <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>
    </div>
    <div style="text-align: center">
        Copyright @ 2019-2039 中软国际 版权所有
    </div>
</div>

最终效果
在这里插入图片描述