仿写京东登录页面HTML/CSS

最新推荐文章于 2024-06-18 10:13:06 发布

邀請你及時行樂

最新推荐文章于 2024-06-18 10:13:06 发布

阅读量4.1k

点赞数 10

本文链接：https://blog.csdn.net/im_xiaolei/article/details/97249167

版权

话不多说，直接贴代码

body部分

  <body>
        <!--=====1、顶部=====-->
        <div id="header">
            <div class="h-top">
                <!--图标部分-->
                <div class="icon">
                    <img  style="width:350px;"src="JingD/页面02.png"/>
                </div>
                
                <!--问卷-->
                <a href="https://surveys.jd.com/index.php?r=survey/index/sid/568245/lang/zh-Hans" target="_blank">登录页面，调查问卷</a>
                
            </div>
            <!--下面的文字-->
            
            <div class="h-bottom">
                <div id="">
                    <img style="width:25px;"src="JingD/感叹号.png"/>
                    <p>依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版<a href="https://about.jd.com/privacy/">《京东隐私政策》</a>已上线，将更有利于保护您的个人隐私。</p>
                </div>
                
            </div>
        </div>
        
        <!--=====2、中间内容=====-->
        <div id="content">
            <div class="input_div">
                <div class="info-top">
                    <div class="top-top">
                        <img  style="width:25px;"src="JingD/感叹号.png"/>
                        <p>京东不会以任何理由要求您转账汇款，谨防诈骗。</p>
                    </div>
                    <div class="top-bottom">
                        <button >扫码登录</button>|
                        <button>账号登录</button>
                    </div>
                </div>
                
                <!--输入框模块-->
                <div class="info-middle">
                    <div class="username">
                        <img src="JingD/用户.png"/>
                        <input type="text" name="username" id="" value="" placeholder="邮箱/用户名/已验证手机" />
                    </div>
                    <div class="password">
                        <img src=

最低0.47元/天解锁文章

邀請你及時行樂

关注

10
点赞
踩
29

收藏

觉得还不错? 一键收藏
0
评论
仿写京东登录页面HTML/CSS

话不多说，直接贴代码body部分 <body>  <div id="header"> <div class="h-top">  <div ...
复制链接

扫一扫