day21_task_京東登錄界面

要求: 完成以下圖片所示登錄界
fdsf.jpg
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>京東-歡迎登錄</title>
        <style type="text/css">
            #img1{
                position: absolute;
                left: 100px;
            }
            #img2{
                position: absolute;
                left: 290px;
                top: 30px;
            }


            
            #hua{
                background-image: url(img/bg.png);
                height: 500px;
                position: absolute;
                left: 0px;
                right: 0px;
                top: 110px;
        
            }
            #rejister{
                background-color: white;
                position: absolute;
                right: 90px;
                width: 340px;
                top:18px ;
                height: 380px;
            
            }
            #world{
                font-size: 9px;
                position: absolute;
                background-color: antiquewhite;
                width: 340px;
                height: 30px;
            }
            #child3{
                top: 5px;
                position: absolute;
                left: 50%;
                height: 30px;
                margin-left: -140px;    
            }
            #lel{
                position: absolute;
                right: 80px;
                top: 45px;
                font-size: 14px;
            }
            #box1{
                font-size: 15px;
                background: antiquewhite;
                top: 80px;
                height: 40px;
                left: 0px;
                right: 0px;
                position: absolute;
                }
            #child1{
                top: 5px;
                position: absolute;
                left: 50%;
                height: 30px;
                margin-left: -500px;
                }
            #table1{
                position: absolute;
                left: 0px;
                top: 625px;
                height: 30px;
                right: 0px;
                overflow: hidden;
            }
            #child2{
                position: absolute;
                left: 50%;
                height: 30px;
                margin-left: -500px;
            }
            #copy{
                position: absolute;
                top: 670px;
                left: 500px;
            }
            #deng{
                position: absolute;
                width: 340px;
                height: 60px;
                top: 40px;
            }
            #saoma{
                background-color:rgba(255,255,255,0);
                font-size: 28px;
                position: absolute;
                left: 10px;
                width: 160px;
                border: 0px solid orange;
        
            }
            #account{
                background-color:rgba(255,255,255,0);
                font-size: 28px;
                position: absolute;
                right: 10px;
                width: 160px;
                border: 0px solid orange;
            }
            #aaaa{
                position: absolute;
                width: 340px;
                height: 50px;
                top: 120px; 
            }
            #pygame{
                position: absolute;
                left: 60px;
                height: 40px;
                width: 260px;
                padding-left: 10px;
            }
            #cccc{
                position: absolute;
                left: 20px;
                height: 45px;
                width: 40px;
                
            }
            #bbbb{
                position: absolute;
                width: 340px;
                height: 50px;
                top: 180px; 
            }
            #passworld{
                position: absolute;
                left: 60px;
                height: 40px;
                width: 260px;
                padding-left: 10px;
            }
            #dddd{
                position: absolute;
                left: 20px;
                height: 45px;
                width: 40px;
            }
            #last{
                position: absolute;
                top: 330px;
            }
            #denglu{
                position: absolute;
                top: 270px;
            }
            #forget{
                position: absolute;
                top: 245px;
            }
            #forget a{
                position: absolute;
                left: 260px;
                width: 100px;
                font-size: 15px;
                
            }
            #denglu button{
                position: absolute;
                width: 300px;
                height: 35px;
                left: 20px;
                font-size: 20px;
                background-color: gray;
            }
        </style>
        <link rel="icon" type="image/ico" href="./img/jd_logo.ico"/>
        
    </head>
    <body>
        <div id="number1">
            <img src="img/logo.png" id="img1"/><img src="img/l-icon.png" id="img2"/>
            <a  id="lel"><img src="img/q-icon.png" id="question" /><label for="question"></label>登錄界面,調(diào)查問(wèn)卷</a>
        </div>
        <div id="box1">
            <span id="child1"><img src="img/xx.png" id="xx1" style="height: 14px;"/><span>依據(jù)《網(wǎng)絡(luò)安全法》歹茶,為保障您的賬戶安全和正常使用校读,請(qǐng)盡快完成手機(jī)號(hào)驗(yàn)證夕凝! 新版<a >《京東隱私政策》</a>已上線茎杂,將更有利于保護(hù)您的個(gè)人隱私仑鸥。</span>
        </span>
        </div>
        <div id="hua">
            <div id="rejister">
                <form action="" method="get">
                    <div id="world">
                    <span id="child3"><img src="img/xx.png" id="xx2"/><span>京東不會(huì)以任何理由要求您轉(zhuǎn)賬匯款侠讯,謹(jǐn)防詐騙淫痰。</span></span>
                    </div>
                    <div id="deng">
                        <input id="saoma"type="button" value="掃碼登錄"></input><input id="account" type="button" value="賬戶登錄"></input>
                    </div>
                    <div id="aaaa">
                        <img src="img/pygame.png" id="cccc"/><input type="text" name="pygame" value="" placeholder="郵箱/用戶名/已驗(yàn)證手機(jī)" id="pygame"/>
                    </div>
                    <div id="bbbb">
                        <img src="img/password_icon.png" id="dddd"/><input type="password" name="serect" id="passworld" value="" placeholder="密碼"/>
                    </div>
                    <div id="forget">
                        <a >忘記密碼</a>
                    </div>
                    <div id="denglu">
                        <button type="submit">登錄</button>
                    </div>
                    <div id="last">
                        <span id="">
                            <img src="img/qq.png"id="qqq"/><font><label for="qqq"><a >QQ</a></font> </label>
                            <img src="img/weixin.png" id="weiwei"/><font><label for="weiwei"><a >微信</a></font></label> 
                        </span>
                    </div>
                </form> 
            </div>
        </div>
        <div id="table1">
            <table border="0" cellspacing="0" cellpadding="5px" id="child2">
                <tr>
                    <td class="td"><a >關(guān)于我們</a></td>
                    <td class="td"><a >聯(lián)系我們</a></td>
                    <td class="td"><a >人才招聘</a></td>
                    <td class="td"><a >商家入駐</a></td>
                    <td class="td"><a >廣告服務(wù)</a></td>
                    <td class="td"><a >手機(jī)京東</a></td>
                    <td class="td"><a >友情鏈接</a></td>
                    <td class="td"><a >銷售聯(lián)盟</a></td>
                    <td class="td"><a >京東社區(qū)</a></td>
                    <td class="td"><a >京東公益</a></td>
                    <td class="td"><a >English Site</a></td>
                    
                </tr>
            </table>
        </div>  
        <div id="copy">Copyright ? 2004-2019  京東JD.com 版權(quán)所有</div>
    </body>
</html>
efw.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末沸柔,一起剝皮案震驚了整個(gè)濱河市循衰,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌勉失,老刑警劉巖羹蚣,帶你破解...
    沈念sama閱讀 221,430評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異乱凿,居然都是意外死亡顽素,警方通過(guò)查閱死者的電腦和手機(jī)咽弦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,406評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)胁出,“玉大人型型,你說(shuō)我怎么就攤上這事∪” “怎么了闹蒜?”我有些...
    開(kāi)封第一講書(shū)人閱讀 167,834評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵顺囊,是天一觀的道長(zhǎng)羞秤。 經(jīng)常有香客問(wèn)我,道長(zhǎng)称杨,這世上最難降的妖魔是什么始苇? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,543評(píng)論 1 296
  • 正文 為了忘掉前任砌烁,我火速辦了婚禮,結(jié)果婚禮上催式,老公的妹妹穿的比我還像新娘函喉。我一直安慰自己,他們只是感情好荣月,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,547評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布管呵。 她就那樣靜靜地躺著,像睡著了一般哺窄。 火紅的嫁衣襯著肌膚如雪捐下。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 52,196評(píng)論 1 308
  • 那天堂氯,我揣著相機(jī)與錄音蔑担,去河邊找鬼。 笑死咽白,一個(gè)胖子當(dāng)著我的面吹牛啤握,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播晶框,決...
    沈念sama閱讀 40,776評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼排抬,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了授段?” 一聲冷哼從身側(cè)響起蹲蒲,我...
    開(kāi)封第一講書(shū)人閱讀 39,671評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎侵贵,沒(méi)想到半個(gè)月后届搁,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,221評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,303評(píng)論 3 340
  • 正文 我和宋清朗相戀三年卡睦,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了宴胧。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,444評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡表锻,死狀恐怖恕齐,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情瞬逊,我是刑警寧澤显歧,帶...
    沈念sama閱讀 36,134評(píng)論 5 350
  • 正文 年R本政府宣布,位于F島的核電站确镊,受9級(jí)特大地震影響士骤,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜蕾域,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,810評(píng)論 3 333
  • 文/蒙蒙 一敦间、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧束铭,春花似錦、人聲如沸厢绝。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,285評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)昔汉。三九已至懈万,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間靶病,已是汗流浹背会通。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,399評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留娄周,地道東北人涕侈。 一個(gè)月前我還...
    沈念sama閱讀 48,837評(píng)論 3 376
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像煤辨,于是被迫代替她去往敵國(guó)和親裳涛。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,455評(píng)論 2 359

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