整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          簡(jiǎn)單小程序:登錄頁面(html)

          <!DOCTYPE html>
          <html lang="en">
          <head>
              <meta charset="UTF-8">
              <title>登錄頁面</title>
              /*總體的樣式*/
              <style>
              	/*盒子樣式*/
                  #box{
                      width: 350px; //寬
                      height: 450px; //高
                      border: 1px solid black; //邊框
                      border-radius: 10px; //邊框弧度
                      font-family: 黑體; //字體
                      letter-spacing:8px; //段間距
                      word-spacing: 10px; //字間距
                      line-height: 40px; //行高
                      font-size: 18px; //字大小
                      padding: 20px; //內(nèi)邊框
                  }
                  /*給'注冊(cè)'賦予樣式*/
                  .register{
                      width:280px ; //寬
                      height: 50px; //高
                      background-color: skyblue; //背景顏色
                      border-radius: 10px; //邊框弧度
          
                  }
                  /*將所有邊框都改變*/
                  *{
                      border-radius: 5px; 邊框弧度
                  }
                  /*使用class選擇器,賦予number寬高和邊框*/
                  .number{
                      width: 185px; //寬
                      height: 27px; //高
                      border-width: 1px; //邊框?qū)挾?
                  }
                  /*id選擇器*/
                  #two{
                      width: 55px; //寬
                      border-width: 1px; 邊框?qū)挾?        }
                  /*id選擇器*/
                  #phone{
                      width: 103px; //寬
                  }
                  /*class 選擇器*/
                  .boxs{
                      zoom: 75%; //清除浮動(dòng)
                      color: darkgray; //顏色
                  }
                  /*class選擇器*/
                  .box_a{
                      width: 50px; //寬
                      height: 50px; //高
                      background-image: url("../image/04.jpg "); //背景圖片
                      background-repeat: no-repeat; // 是否平鋪
                      background-size: 50px 25px; //背景尺寸
                      position: relative; //定位 相對(duì)定位
                      left: 310px; //定位后左移
                      bottom: 32px; //定位后下移
          
                  }
              </style>
          </head>
          <body>
          <div id="box">
              <h1>請(qǐng)注冊(cè)</h1>
          <p style="color: darkgray">已有帳號(hào)?<a href="https://im.qq.com/index">登錄</a></p>
          <form action="" method="post">
              <label for="name">用戶名</label>
              <input type="text" placeholder="請(qǐng)輸入用戶名" id="name" class="number"> <br>
              <label for="phone">手機(jī)號(hào)</label>
              <select name="" id="two" class="number">
              <optgroup>
                  <option style="" class="">+86</option>
              </optgroup>
              </select>
              <input type="text" placeholder="請(qǐng)輸入手機(jī)號(hào)" id="phone" class="number"> <br>
              <label for="mima">密?碼</label>
              <input type="password" placeholder="請(qǐng)輸入密碼" id="mima" class="number"> <br>
              <label for="mima">驗(yàn)證碼</label>
              <input type="password" placeholder="請(qǐng)輸入驗(yàn)證碼" id="is" class="number">
              <div class="box_a"></div>
              <div class="boxs">
                  <input type="radio" id="" class="accept">閱讀并接受協(xié)議<br>
              </div>
              <input type="submit" value="注冊(cè)" class="register" >
          
              </form>
          </div>
          
          
          </body>
          </html>
          在這里插入圖片描述

          家好,今天給大家介紹一款,html+css實(shí)現(xiàn)的扁平簡(jiǎn)潔登錄頁面html源碼(圖1)。送給大家哦,獲取方式在本文末尾。

          圖1

          打開頁面有圖片動(dòng)畫特效,看起來非常不錯(cuò)(圖2)

          圖2

          源碼完整,需要的朋友可以下載學(xué)習(xí)(圖3)

          圖3

          本源碼編碼:10186,需要的朋友,訪問[92ui點(diǎn)net],搜索10186,即可獲取。

          閩南網(wǎng)]

          點(diǎn)擊進(jìn)入:拼多多商家電腦版登錄入口

          拼多多,一個(gè)以拼團(tuán)為基礎(chǔ)的社交網(wǎng)購平臺(tái),商品豐富、價(jià)格實(shí)惠、正品保障、全國包郵,更有每日秒殺、超值大牌等活動(dòng),是網(wǎng)上購物的不二之選,

          拼多多,多實(shí)惠,多樂趣。 凝聚更多人的力量,以更低的價(jià)格購得更好的東西。

          特色功能:

          1.火爆活動(dòng):每日秒殺、超值大牌。 2.正品保障,海關(guān)監(jiān)督,假一賠十。 3.客服不分日夜待命,隨時(shí)提供咨詢服務(wù)。 4.以拼團(tuán)的模式購物,既低價(jià),又拉近與身邊人的距離,認(rèn)識(shí)更多的新朋友。

          亮點(diǎn)內(nèi)容:

          天天特賣 100%正品 一折開賣 全場(chǎng)包郵 不用九塊九 一元也包郵 火爆活動(dòng) 低價(jià)爆款等你來搶 高效物流 最快當(dāng)日送達(dá) 形式新穎 好友拼團(tuán)價(jià)更低商家后臺(tái)說明:

          拼多多商家后臺(tái)管理登錄入口,輕松管理您的手機(jī)店鋪!

          應(yīng)用介紹:

          拼多多,一個(gè)以拼團(tuán)為基礎(chǔ)的社交網(wǎng)購平臺(tái),商品豐富、價(jià)格實(shí)惠、正品保障、全國包郵,更有每日秒殺、超值大牌等活動(dòng),是網(wǎng)上購物的不二之選。

          拼多多,多實(shí)惠,多樂趣。

          凝聚更多人的力量,以更低的價(jià)格購得更好的東西。

          特色功能:

          1.火爆活動(dòng):每日秒殺、超值大牌。

          2.正品保障,海關(guān)監(jiān)督,假一賠十。

          3.客服不分日夜待命,隨時(shí)提供咨詢服務(wù)。

          4.以拼團(tuán)的模式購物,既低價(jià),又拉近與身邊人的距離,認(rèn)識(shí)更多的新朋友。

          亮點(diǎn)內(nèi)容:

          天天特賣 100%正品 一折開賣

          全場(chǎng)包郵 不用九塊九 一元也包郵

          火爆活動(dòng) 低價(jià)爆款等你來搶

          高效物流 最快當(dāng)日送達(dá)

          形式新穎 好友拼團(tuán)價(jià)更低


          主站蜘蛛池模板: 精品一区中文字幕| 国产一区二区精品久久91| 无码精品尤物一区二区三区| 国产精品免费综合一区视频| 无码日韩精品一区二区三区免费| 视频在线一区二区| 国产一区二区在线| 久久青青草原一区二区| 蜜桃视频一区二区三区在线观看| 中文字幕一区二区三区免费视频 | 国模吧一区二区三区| 国产精品资源一区二区| 人妻视频一区二区三区免费| 精品爆乳一区二区三区无码av| 国产av天堂一区二区三区| 亚洲Aⅴ无码一区二区二三区软件| 在线免费视频一区二区| 少妇一晚三次一区二区三区| 精品黑人一区二区三区| 91香蕉福利一区二区三区| 国产激情无码一区二区app| 亚洲一区二区女搞男| 日韩人妻无码一区二区三区久久99| 福利在线一区二区| 一区二区国产在线播放| 午夜精品一区二区三区在线视| 日韩精品一区二区三区在线观看 | 一区二区免费在线观看| 无码毛片一区二区三区视频免费播放 | 一区二区三区日韩精品| 91久久精品国产免费一区| 无码日韩精品一区二区免费暖暖| 麻豆一区二区99久久久久| 中文字幕AV无码一区二区三区| 人妻夜夜爽天天爽一区| 一区二区三区在线|日本| 久久中文字幕一区二区| 国产吧一区在线视频| 午夜视频一区二区| 国产精久久一区二区三区 | 国产精品99精品一区二区三区|