html实现京东网页

最新推荐文章于 2024-01-12 09:36:39 发布

芜湖起飞咯

最新推荐文章于 2024-01-12 09:36:39 发布

阅读量2k

点赞数 1

分类专栏：前端练习京东文章标签： html

本文链接：https://blog.youkuaiyun.com/weixin_52323984/article/details/111472098

版权

html端

在这里插入图片描述

        <!-- 顶部导航条用来居中的盒子 -->
        <div class="juzhonghezi">
            <!-- 左侧位置盒子 -->
            <div class="left">
                <!-- icon图标 -->
                <i class="fa fa-map-marker"></i>
                <span>江苏</span>
                <!-- <a href="#">
                    
                </a> -->
            </div>
            <!-- 右侧信息盒子 -->
            <div class="right">

在这里插入图片描述

    </div>



    <!-- 这是下部导航条 -->
    <div class="bottom">
        <div class="juzhonghezi">
            <div class="logo"></div>
            <div class="search">
                <form action="">
                    <input type="text">
                    <span class="fa fa-camera"></span>
                    <button>
                        <i class="fa fa-search fa"></i>
                    </button>
                </form>
            </div>
            <div class="hotwords">
                <ul>
                    <li><a href="#" class="red1">百亿补贴</a></li>
                    <li><a href="#">VR一体机</a></li>
                    <li><a href="#">RTX3090</a></li>
                    <li><a href="#">PS5</a></li>
                    <li><a href="#">RYZEN5950X</a></li>
                    <li><a href="#">oled电视</a></li>
                    <li><a href="#">苹果12Pro</a></li>
                </ul>
            </div>
            <div class="nav">
                

            </div>
        </div>


    </div>
</div>
        <!-- 下面是正文 -->
        <div class="header1">
            <div class="main1">
                <div class="left1">
                    <ul class="menu">
                        <li class="menu-item">
                            <a href="#" class="font-a">家用电器</a>
                        </li>
                        <li class="menu-item">
                            <a href="#" class="font-a"&g

最低0.47元/天解锁文章