html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style type="text/css">
            a{
                text-decoration: none;
            }
            p{
                font: 12px/150% Arial,Verdana,"\5b8b\4f53";
                text-align: center;
                
            }
            .topbox{
                width: 100%;
                height: 85px;
                background-color: white;
                position: relative;
            }
            .img{
                width: 180px;
                height: 70px;
                float: left;
                margin: 0px 0px 0px 50px;               
            }
            .welcome{
                width: 110px;
                height: 40px;
                float: left;
                margin: 20px 0px 0px 20px;
                background-color: ;
            }
            .q-link{
                width: 156px;
                height: 18px;
                float: right;
                font-size: smaller;
                margin-top: 50px;
            }
            .login_body{
                width: 100%;
                height: 500px;
                background-color: purple;
                background-image: url(img/bg.png);
                background-size: cover;
            }
            .tips-wra{
                width: 100%;
                height: 40px;
                background-color: #fff8f0;
                border: solid 1px;
                font: 12px/150% Arial,Verdana,"\5b8b\4f53";
            }
            .footer{
                box-sizing: content-box;
                display: inline;
                float: none;
                line-height: 18px;
                position: static;
                z-index: auto;
                display: block;
                text-align: center;

            }
            .login_main{
                width: 350px;
                height: 430px;
                background-color: purple;
                float: right;
                margin: 25px 60px 0px 25px;
                /* 上  右  左  下*/
            }
            .top_war{
                width: 350px;
                height: 40px;
                background-color: #fff8f0;
                float: left;
            }
            .login_left{
                width: 50%;
                height: 65px;
                float: left;
                
            }
            .login_right{
                width: 50%;
                height: 65px;
                float: left;
            }
            .name{
                font-size: 26px;
            }
            #username{
                font: 12px/150% Arial,Verdana,"\5b8b\4f53";
                width: 258px;
                height: 58px;
            }
            #pwd{
                font: 12px/150% Arial,Verdana,"\5b8b\4f53";
                width: 258px;
                height: 58px;
            }
            .log_but{
                background-color: red;
                width: 320px;
                height: 40px;
                float: left;
                margin: 20px 20px 60px 20px;
                position: relative;
            }
            #logbut{
                font-size: 25px;
                color: white;
                display: block;
                text-align: center;
                margin: 0 40px 0 0;
            }
            .qq{
                height: 40px;
                width: 80px;
                float: left;
                background-color: yellow;
                margin: 0 10px 0 0;
            }
            .chat{
                height: 40px;
                width: 80px;
                float: left;
                background-color: yellow;
                margin: 0 10px 0 0;
            }
            .regist{
                height: 40px;
                width: 150px;
                float: right;
                
            }
        </style>
    </head>
    <body>
        <div class="topbox">
            <div class="img">
                <a >
                    <img src="img/logo.png"/>
                </a>
            </div>
            <div class="welcome">
                <img src="img/l-icon.png"/>
            </div>
            <div class="q-link">
                <a >
                    <img src="img/q-icon.png"/>
                    <b>登錄頁(yè)面，調(diào)查問(wèn)卷</b>
                </a>
                
            </div>
        </div>
        
        <div class="tips-wra">          
            <p>
                <img src="img/xx.png"/>
                依據(jù)《網(wǎng)絡(luò)安全法》，為保障您的賬戶安全和正常使用路捧，請(qǐng)盡快完成手機(jī)號(hào)驗(yàn)證翎猛！ 新版
                <a >《京東隱私政策》</a>
                已上線辱志，將更有利于保護(hù)您的個(gè)人隱私厅目。
            </p>
            
        </div>
        <div class="login_body">
            <div class="login_main">
                <div class="top_war">
                    <p>
                        <img src="img/xx.png"/>
                        京東不會(huì)以任何理由要求您轉(zhuǎn)賬匯款，謹(jǐn)防詐騙许溅。
                    </p>
                </div>
                <div class="login_way">
                    <div class="login_left">
                        <p class="name">掃碼登錄</p>
                    </div>
                    <div class="login_right">
                        <p class="name">賬號(hào)登錄</p>
                    </div>
                </div>
                <div class="username">
                    <p><img src="img/pygame.png"/><input type="text" name="username" id="username" placeholder="郵箱/用戶名/已驗(yàn)證手機(jī)" /></p>
                    <p><img src="img/password_icon.png"/><input type="password" name="pwd" id="pwd" placeholder="密碼" /></p>
                    
                </div>
                
                <div class="log_but">
                    <a id="logbut">登錄</a>
                </div>
                <div class="">
                    <div class="qq">
                    <img src="img/qq.png"/>
                        |
                        <a href="">qq</a>
                    </div>
                    <div class="chat">
                        <img src="img/weixin.png"/>
                        |
                        <a href="">chat</a>
                    </div>
                    <div class="regist">
                        <img src="img/right.png"/>
                        <a href="">立即注冊(cè)</a>
                    </div>
                </div>
                
            </div>
        </div>
        
        <div class="footer">
            <a rel="nofollow" target="_blank" >關(guān)于我們</a>
            |
            <a rel="nofollow" target="_blank" >聯(lián)系我們</a>
            |
            <a rel="nofollow" target="_blank" >人才招聘</a>
            |
            <a rel="nofollow" target="_blank" >商家入駐</a>
            |
            <a rel="nofollow" target="_blank" >廣告服務(wù)</a>
            |
            <a rel="nofollow" target="_blank" >手機(jī)京東</a>
            |
            <a rel="nofollow" target="_blank" >友情鏈接</a>
            |
            <a rel="nofollow" target="_blank" >銷售聯(lián)盟</a>
            |
            <a rel="nofollow" target="_blank" >京東公益</a>
            |
            <a rel="nofollow" target="_blank" >English Site</a>


        </div>
    </body>
</html>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者

人面猴
序言：七十年代末温鸽，一起剝皮案震驚了整個(gè)濱河市保屯，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌涤垫，老刑警劉巖姑尺，帶你破解...
沈念sama閱讀 206,723評(píng)論 6贊 481
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場(chǎng)離奇詭異蝠猬，居然都是意外死亡切蟋，警方通過(guò)查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 88,485評(píng)論 2贊 382
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門(mén)榆芦，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)柄粹，“玉大人，你說(shuō)我怎么就攤上這事匆绣∽び遥” “怎么了？”我有些...
開(kāi)封第一講書(shū)人閱讀 152,998評(píng)論 0贊 344
道士緝兇錄：失蹤的賣(mài)姜人
文/不壞的土叔我叫張陵犬绒，是天一觀的道長(zhǎng)旺入。經(jīng)常有香客問(wèn)我，道長(zhǎng)凯力，這世上最難降的妖魔是什么茵瘾？我笑而不...
開(kāi)封第一講書(shū)人閱讀 55,323評(píng)論 1贊 279
?港島之戀（遺憾婚禮）
正文為了忘掉前任，我火速辦了婚禮咐鹤，結(jié)果婚禮上拗秘，老公的妹妹穿的比我還像新娘。我一直安慰自己祈惶，他們只是感情好雕旨，可當(dāng)我...
茶點(diǎn)故事閱讀 64,355評(píng)論 5贊 374
惡毒庶女頂嫁案：這布局不是一般人想出來(lái)的
文/花漫我一把揭開(kāi)白布。她就那樣靜靜地躺著捧请，像睡著了一般。火紅的嫁衣襯著肌膚如雪。梳的紋絲不亂的頭發(fā)上潜必，一...
開(kāi)封第一講書(shū)人閱讀 49,079評(píng)論 1贊 285
城市分裂傳說(shuō)
那天段标，我揣著相機(jī)與錄音，去河邊找鬼可款。笑死育韩，一個(gè)胖子當(dāng)著我的面吹牛，可吹牛的內(nèi)容都是我干的闺鲸。我是一名探鬼主播筋讨，決...
沈念sama閱讀 38,389評(píng)論 3贊 400
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開(kāi)眼，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼摸恍！你這毒婦竟也來(lái)了悉罕？” 一聲冷哼從身側(cè)響起，我...
開(kāi)封第一講書(shū)人閱讀 37,019評(píng)論 0贊 259
萬(wàn)榮殺人案實(shí)錄
序言：老撾萬(wàn)榮一對(duì)情侶失蹤立镶，失蹤者是張志新（化名）和其女友劉穎壁袄，沒(méi)想到半個(gè)月后，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體谜慌，經(jīng)...
沈念sama閱讀 43,519評(píng)論 1贊 300
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡然想，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 35,971評(píng)論 2贊 325
?白月光啟示錄
正文我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了欣范。大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片变泄。...
茶點(diǎn)故事閱讀 38,100評(píng)論 1贊 333
活死人
序言：一個(gè)原本活蹦亂跳的男人離奇死亡，死狀恐怖恼琼，靈堂內(nèi)的尸體忽然破棺而出妨蛹，到底是詐尸還是另有隱情，我是刑警寧澤晴竞，帶...
沈念sama閱讀 33,738評(píng)論 4贊 324
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布蛙卤，位于F島的核電站，受9級(jí)特大地震影響，放射性物質(zhì)發(fā)生泄漏颤难。R本人自食惡果不足惜神年，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 39,293評(píng)論 3贊 307
男人毒藥：我在死后第九天來(lái)索命
文/蒙蒙一、第九天我趴在偏房一處隱蔽的房頂上張望行嗤。院中可真熱鬧已日，春花似錦、人聲如沸栅屏。這莊子的主人今日做“春日...
開(kāi)封第一講書(shū)人閱讀 30,289評(píng)論 0贊 19
一樁弒父案，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽(yáng)栈雳。三九已至护奈，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間哥纫，已是汗流浹背霉旗。一陣腳步聲響...
開(kāi)封第一講書(shū)人閱讀 31,517評(píng)論 1贊 262
情欲美人皮
我被黑心中介騙來(lái)泰國(guó)打工，沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留磺箕，地道東北人奖慌。一個(gè)月前我還...
沈念sama閱讀 45,547評(píng)論 2贊 354
代替公主和親
正文我出身青樓，卻偏偏與公主長(zhǎng)得像松靡，于是被迫代替她去往敵國(guó)和親简僧。傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 42,834評(píng)論 2贊 345

html

推薦閱讀更多精彩內(nèi)容