成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

CSS基礎(chǔ)范例

Lyux / 2811人閱讀

摘要：重置頁(yè)面背景色背景色圓弧距離上部，自動(dòng)居中請(qǐng)注冊(cè)項(xiàng)目標(biāo)簽立即登陸請(qǐng)輸入手機(jī)號(hào)請(qǐng)輸入短信驗(yàn)證碼發(fā)送驗(yàn)證碼請(qǐng)輸入用戶名請(qǐng)輸入密碼請(qǐng)?jiān)俅屋斎朊艽a請(qǐng)輸入圖形驗(yàn)證碼此處為圖形立即注冊(cè)

 1 DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Titletitle>
 6     <style>
 7         *{
 8             margin: 0;                  /*重置*/
 9             padding: 0;
10         }
11         body{
12             background-color: whitesmoke;   /*頁(yè)面背景色*/
13         }
14         .top{
15             width: 100%;
16             height: 60px;
17             background-color: black;
18             padding-left: 100px;
19         }
20         .box{
21             width: 500px;
22             height: 600px;
23             background-color: white;    /*背景色*/
24             border-radius: 5px;         /*圓弧*/
25             margin: 20px auto;          /*距離上部20px，自動(dòng)居中*/
26         }
27         .box-top{
28             width: 500px;
29             height: 60px;
30             border-bottom: 1px solid black;
31             line-height: 60px;
32         }
33         .box-top h3{
34             float: left;
35             border-bottom: 3px solid #c18ef0;
36             font-size: 30px;
37         }
38         .box-top a{
39             float: right;
40             font-size: 20px;
41             color: skyblue;
42         }
43         .box-regist input{
44             width: 480px;
45             height: 40px;
46             border-radius: 5px;
47             margin:10px;
48         }
49         .box-regist .inpbox{
50             width: 300px;
51         }
52         .box-regist a{
53             display: inline-block;
54             border: 1px solid rebeccapurple;
55             width: 100px;
56             height: 40px;
57             border-radius: 5px;
58             margin: 10px;
59             line-height: 40px;
60             text-align: center;
61             color: rebeccapurple;
62         }
63         .btn{
64             background-color: aqua;
65         }
66         .tail{
67             width: 100%;
68             height: 120px;
69             background-color: grey;
70         }
71 
72     style>
73 head>
74 <body>
75     <div class="top">div>
76     <div class="box">
77         <div class="box-top">
78             <h3>請(qǐng)注冊(cè)h3>
79             <a href="F:項(xiàng)目HTML標(biāo)簽.html">立即登陸>a>
80         div><br>
81         <div class="box-regist">
82             <form method="post" action="">
83                 <input type="text" placeholder="請(qǐng)輸入手機(jī)號(hào)" name="phone"><br>
84                 <input class="inpbox" type="text" placeholder="請(qǐng)輸入短信驗(yàn)證碼" name="cookie"><a>發(fā)送驗(yàn)證碼a><br>
85                 <input type="text" placeholder="請(qǐng)輸入用戶名" name="user"><br>
86                 <input type="password" placeholder="請(qǐng)輸入密碼" name="psw"><br>
87                 <input type="password" placeholder="請(qǐng)?jiān)俅屋斎朊艽a" name="pswt"><br>
88                 <input class="inpbox" type="text" placeholder="請(qǐng)輸入圖形驗(yàn)證碼" name="img-cookie"><a>此處為圖形a><br>
89                 <input class="btn" type="submit" value="立即注冊(cè)">
90             form>
91         div>
92     div>
93     <div class="bot1">div>
94     <div class="bot2">div>
95     <div class="tail">div>
96 body>
97 html>

?

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1920.html

相關(guān)文章

  • 雜談：漸進(jìn)增強(qiáng)與優(yōu)雅降級(jí)

    摘要：而漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)兩種不同的開(kāi)發(fā)流程，也是在我們項(xiàng)目初期做調(diào)研選型時(shí)會(huì)考慮的一個(gè)點(diǎn)。二者區(qū)別漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)只是看待同種事物的兩種觀點(diǎn)。漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)都關(guān)注于同一網(wǎng)站在不同設(shè)備里不同瀏覽器下的表現(xiàn)程度。 作為一名前端開(kāi)發(fā)人員，最頭疼的莫過(guò)于瀏覽器兼容。遠(yuǎn)古時(shí)期萬(wàn)惡的IE6，到現(xiàn)在CSS3不兼容的IE7/8.為了保證不同版本瀏覽器都有共同或更優(yōu)化的用戶體驗(yàn)，前端搬磚的我們不得不與...

    hiyang 評(píng)論0 收藏0

  • 雜談：漸進(jìn)增強(qiáng)與優(yōu)雅降級(jí)

    摘要：而漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)兩種不同的開(kāi)發(fā)流程，也是在我們項(xiàng)目初期做調(diào)研選型時(shí)會(huì)考慮的一個(gè)點(diǎn)。二者區(qū)別漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)只是看待同種事物的兩種觀點(diǎn)。漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)都關(guān)注于同一網(wǎng)站在不同設(shè)備里不同瀏覽器下的表現(xiàn)程度。 作為一名前端開(kāi)發(fā)人員，最頭疼的莫過(guò)于瀏覽器兼容。遠(yuǎn)古時(shí)期萬(wàn)惡的IE6，到現(xiàn)在CSS3不兼容的IE7/8.為了保證不同版本瀏覽器都有共同或更優(yōu)化的用戶體驗(yàn)，前端搬磚的我們不得不與...

    王軍 評(píng)論0 收藏0

  • 雜談：漸進(jìn)增強(qiáng)與優(yōu)雅降級(jí)

    摘要：而漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)兩種不同的開(kāi)發(fā)流程，也是在我們項(xiàng)目初期做調(diào)研選型時(shí)會(huì)考慮的一個(gè)點(diǎn)。二者區(qū)別漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)只是看待同種事物的兩種觀點(diǎn)。漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)都關(guān)注于同一網(wǎng)站在不同設(shè)備里不同瀏覽器下的表現(xiàn)程度。 作為一名前端開(kāi)發(fā)人員，最頭疼的莫過(guò)于瀏覽器兼容。遠(yuǎn)古時(shí)期萬(wàn)惡的IE6，到現(xiàn)在CSS3不兼容的IE7/8.為了保證不同版本瀏覽器都有共同或更優(yōu)化的用戶體驗(yàn)，前端搬磚的我們不得不與...

    SimonMa 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<