京東登陸界面的實(shí)現(xiàn)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>京東-歡迎登錄</title>
        <!--設(shè)置網(wǎng)頁(yè)圖標(biāo)
            rel: icon(設(shè)置圖標(biāo))
            type: 文件類型 image/圖片類型(png,ico,x-icon)
        -->
        <link rel="icon" type="image/ico" href="img/icon.ico"/>
        <link rel="stylesheet" type="text/css" href="css/jingdong.css"/>
        
        
    </head>
    <body>
        <!--=======1.頂部=========-->
        <div id="header">
            <!--上面-->
            <div class="h-top">
                <!--圖標(biāo)部分-->
                <div class="icon">
                    <img src="img/logo.png"/>
                    <img src="img/l-icon.png"/>
                </div>
                <!--問(wèn)卷-->
                <a  target="_blank">登錄頁(yè)面，調(diào)查問(wèn)卷
</a>
            </div>
            
            <!--下面的文字-->
            <div class="h-bottom">
                <div id="">
                    <img src="img/warning.png"/>
                    <p>依據(jù)《網(wǎng)絡(luò)安全法》，為保障您的賬戶安全和正常使用，請(qǐng)盡快完成手機(jī)號(hào)驗(yàn)證！ 新版<a  target="_blank">《京東隱私政策》</a>已上線，將更有利于保護(hù)您的個(gè)人隱私。</p>
            
                </div>
            </div>
        </div>
        
        <!--=======2.中間內(nèi)容==========-->
        <div id="content">
            <div class="input_div">
                <div class="info-top">
                    <div class="top-top">
                        <img src="img/warning.png" />
                        <p>京東不會(huì)以任何理由要求您轉(zhuǎn)賬匯款，謹(jǐn)防詐騙。</p>
                    </div>
                    
                    <div class="top-bottom">
                        <button>掃碼登錄</button>|
                        <button>賬號(hào)登錄</button>
                    </div>
                </div>
                
                
                <div class="info-middle">
                    <!--輸入框模塊-->
                    <div class="username">
                        <img src="img/pygame.png"/>
                        <input type="text" name="username" id="" value=""  placeholder="郵箱/用戶名/手機(jī)號(hào)"/>
                    </div>
                    <div class="password">
                        <img src="img/password_icon.png"/>
                        <input type="password" name="password" id="" value="" placeholder="密碼"/>
                    </div>
                    
                    <!--忘記密碼-->
                    <a >忘記密碼</a>
                    
                    
                    <!--登陸按鈕-->
                    <div class="login">
                        <button>登陸</button>
                    </div>
                        
                </div>
                
                    
                
                
                <div class="info-bottom">
                        <!--其他方式登陸-->
                    <div class="login1">
                        <img src="img/qq.png" id="img1"/>
                        <a id="qq" >QQ</a>
                        
                        <span id="fuhao1">|</span>
                        
                    
                        <img src="img/weixin.png" id="img2"/>
                        <a  id="weixin">微信</a>
                        
                        <img src="img/right.png" id="img3"/>
                        <a id="zhuce" >立即注冊(cè)</a>

                    </div>
                </div>
            </div>
        </div>
        <!--============3.底部===========-->
        <div id="footer">
            <div id="foot1">
                <a  class="a1">關(guān)于我們&nbsp;&nbsp;|</a>
                <a >聯(lián)系我們&nbsp;&nbsp;|</a>
                <a >人才招聘&nbsp;&nbsp;|</a>
                <a >商家入駐&nbsp;&nbsp;|</a>
                <a >廣告服務(wù)&nbsp;&nbsp;|</a>
                <a >手機(jī)京東&nbsp;&nbsp;|</a>
                <a >友情鏈接&nbsp;&nbsp;|</a>
                <a >銷售聯(lián)盟&nbsp;&nbsp;|</a>
                <a >京東社區(qū)&nbsp;&nbsp;|</a>
                <a >京東公益&nbsp;&nbsp;|</a>
                <a >English&nbsp;Site</a>
                <h4>Copyright ? 2004-2018  京東JD.com 版權(quán)所有</h4>
            </div>
            
            
        </div>
        
    </body>
</html>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容