整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          網站前端技術干貨之Html5+CSS3實現用戶登陸界面

          案例的知識點主要3個方面,一個是html5的結構,一個是CSS3樣式,一個是頁面居中的定位。

          1.html5中的屬性(placeholder)實現文本框的提示信息,required屬性設置文本框信息是必填的。

          2. CSS3的屬性線性漸變(linear-gradient)實現頁面(body)區域的背景色。

          3.通過絕對定位(position:absolute)和CSS3中的變形(transform)實現div的頁面居中定位。

          案例的效果如下:

          網頁login.html的代碼如下:

          <!DOCTYPE html>

          <html>

          <head>

          <meta charset="UTF-8">

          <title></title>

          <link rel="stylesheet" type="text/css" href="css/page.css"/>

          </head>

          <body>

          <div class="login1">

          <h1>后臺管理登陸</h1>

          <div>

          <form>

          <p>

          <input type="text" placeholder="請輸入登錄帳號" required="required"/>

          </p>

          <p>

          <input type="password" placeholder="請輸入登錄密碼" required="required"/>

          </p>

          <p>

          <button type="submit">登陸</button>

          </p>

          </form>

          </div>

          </div>

          </body>

          </html>

          外部樣式文件page.css的代碼如下:

          說明:在外部樣式(page.css)中,類(.login1)控制的div定位如果還不太理解的話,請參看下面的圖示。

          至此,案例制作完成。

          機app個人中心頁面模板源碼

          app 內嵌H5頁面,個人中心頁面模板,包含 列表 按鈕 圖片 icon 搜索 布局 上傳 對話框 。

          手機演示地址:http://www.17sucai.com/preview/10221/2017-01-20/ceshi/index.html — my-read.html — my-secure.html — my-put.html — my-up.html

          html5 css3手機app登錄頁面模板下載


          手機演示地址http://www.17sucai.com/pins/demoshow/22887

          藍色的采購信息管理系統手機界面wap模板

          手機版大氣信息管理系統界面模板

          手機演示地址:http://www.17sucai.com/pins/demoshow/22475

          藍色通用的手機app登錄注冊頁面模板

          藍色的手機登錄模板

          手機演示地址:http://www.17sucai.com/pins/demoshow/22480

          蘋果ios風格企業博客網站手機模板

          蘋果風格

          手機演示地址:http://www.17sucai.com/pins/demoshow/20946


          主站蜘蛛池模板: 色视频综合无码一区二区三区| 日本一道一区二区免费看| 精品不卡一区二区| 日本午夜精品一区二区三区电影| 一本色道久久综合一区| 国产不卡视频一区二区三区| 日本精品夜色视频一区二区 | 中文字幕亚洲乱码熟女一区二区| 日本精品一区二区三区在线视频一 | 中文乱码人妻系列一区二区| 性色AV一区二区三区| 亚洲变态另类一区二区三区 | 亚洲AV成人一区二区三区AV| 无码人妻AⅤ一区二区三区| 亚洲一区二区无码偷拍| 一区二区三区高清在线| 国产午夜精品免费一区二区三区| 色欲精品国产一区二区三区AV| 国产91精品一区二区麻豆网站| 中文字幕AV一区二区三区| 国产精品一区不卡| 久久精品岛国av一区二区无码| 亚洲熟妇AV一区二区三区宅男| 麻豆一区二区三区蜜桃免费| 日本不卡免费新一区二区三区| 日本内射精品一区二区视频 | 精品国产一区二区三区久| 免费观看日本污污ww网站一区 | 日韩在线不卡免费视频一区| 亚洲国产成人久久一区二区三区 | 亚洲一区二区三区久久久久| 国产无人区一区二区三区| 精品一区二区三区东京热| 亚洲国产一区视频| 天堂一区二区三区在线观看| 在线精品亚洲一区二区三区| 日韩AV片无码一区二区不卡| 亚洲一区二区三区电影| 成人免费区一区二区三区| 国产一区韩国女主播| 亚洲av不卡一区二区三区|