婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > Html制作簡單而漂亮的登錄頁面

Html制作簡單而漂亮的登錄頁面
熱門標簽：高德地圖標注廁所 中國地圖標注城市的 地圖標注沿海城市房價 地圖標注員工作內容 通遼地圖標注app 智能語音電銷機器人客戶端 威海語音外呼系統平臺 西安金倫外呼系統 江西ai電銷機器人如何

先來看看樣子。

html源碼：

XML/HTML Code復制內容到剪貼板
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>Login</title>  
  6.     <link rel="stylesheet" type="text/css" href="Login.css"/>  
  7. </head>  
  8. <body>  
  9.     <div id="login">  
  10.         <h1>Login</h1>  
  11.         <form method="post">  
  12.             <input type="text" required="required" placeholder="用戶名" name="u"></input>  
  13.             <input type="password" required="required" placeholder="密碼" name="p"></input>  
  14.             <button class="but" type="submit">登錄</button>  
  15.         </form>  
  16.     </div>  
  17. </body>  
  18. </html>  

css代碼：

CSS Code復制內容到剪貼板
  1. html{   
  2.     width: 100%;   
  3.     height: 100%;   
  4.     overflow: hidden;   
  5.     font-style: sans-serif;   
  6. }   
  7. body{   
  8.     width: 100%;   
  9.     height: 100%;   
  10.     font-family: 'Open Sans',sans-serif;   
  11.     margin: 0;   
  12.     background-color: #4A374A;   
  13. }   
  14. #login{   
  15.     position: absolute;   
  16.     top: 50%;   
  17.     left:50%;   
  18.     margin: -150px 0 0 -150px;   
  19.     width: 300px;   
  20.     height: 300px;   
  21. }   
  22. #login h1{   
  23.     color: #fff;   
  24.     text-shadow:0 0 10px;   
  25.     letter-spacing: 1px;   
  26.     text-align: center;   
  27. }   
  28. h1{   
  29.     font-size: 2em;   
  30.     margin: 0.67em 0;   
  31. }   
  32. input{   
  33.     width: 278px;   
  34.     height: 18px;   
  35.     margin-bottom: 10px;   
  36.     outline: none;   
  37.     padding: 10px;   
  38.     font-size: 13px;   
  39.     color: #fff;   
  40.     text-shadow:1px 1px 1px;   
  41.     border-top: 1px solid #312E3D;   
  42.     border-left: 1px solid #312E3D;   
  43.     border-right: 1px solid #312E3D;   
  44.     border-bottom: 1px solid #56536A;   
  45.     border-radius: 4px;   
  46.     background-color: #2D2D3F;   
  47. }   
  48. .but{   
  49.     width: 300px;   
  50.     min-height: 20px;   
  51.     display: block;   
  52.     background-color: #4a77d4;   
  53.     border: 1px solid #3762bc;   
  54.     color: #fff;   
  55.     padding: 9px 14px;   
  56.     font-size: 15px;   
  57.     line-height: normal;   
  58.     border-radius: 5px;   
  59.     margin: 0;   
  60. }  

總結：

復制代碼
代碼如下:
<input type="text" required="required" **placeholder="用戶名"** name="u"></input>
<input type="password" required="required" **placeholder="密碼"** name="p"></input>

placeholder="用戶名"的作用:占位符

以上就是本文的全部內容，希望對大家的學習有所幫助。

標簽：北海 阜陽 營口 崇左 眉山 晉中 青海 河池

巨人網絡通訊聲明：本文標題《Html制作簡單而漂亮的登錄頁面》，本文關鍵詞  Html,制作,簡單,而,漂,亮的,；如發現本文內容存在版權問題，煩請提供相關信息告之我們，我們將及時溝通與處理。本站內容系統采集于網絡，涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《Html制作簡單而漂亮的登錄頁面》相關的同類信息！
  • 本頁收集關于Html制作簡單而漂亮的登錄頁面的相關信息資訊供網民參考！
    • 推薦文章
    婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av
    欧美精品 国产精品| 久久99最新地址| 成人性视频网站| 日本在线不卡视频| 一级中文字幕一区二区| 国产精品麻豆网站| xf在线a精品一区二区视频网站| 91福利在线导航| 成人免费毛片嘿嘿连载视频| 久久成人久久爱| 九九九久久久精品| 视频一区二区三区入口| 一区二区三区在线视频播放| 亚洲人吸女人奶水| 亚洲男人的天堂一区二区| 亚洲人亚洲人成电影网站色| 国产精品久久久久久亚洲毛片| 日本一区二区三区久久久久久久久不| 精品欧美一区二区在线观看| 日韩欧美一区二区三区在线| 欧美一区二区三区在线观看 | 日韩av不卡一区二区| 亚洲一区二区三区四区五区黄| 亚洲美女屁股眼交3| 亚洲免费在线看| 亚洲一区二区精品3399| 亚洲一二三区视频在线观看| 亚洲欧美日韩久久| 亚洲乱码中文字幕| 亚洲丰满少妇videoshd| 日本亚洲电影天堂| 激情六月婷婷久久| av在线播放一区二区三区| 欧美中文字幕一区二区三区 | 国产精品久久久久一区| 亚洲人成精品久久久久| 亚洲成人av一区| 蜜臂av日日欢夜夜爽一区| 九九国产精品视频| 国产成人免费在线视频| 在线观看亚洲成人| 4438亚洲最大| 久久久国产午夜精品| 亚洲欧美在线aaa| 日韩精品欧美精品| 国产精品亚洲人在线观看| 色女孩综合影院| 26uuu成人网一区二区三区| 亚洲视频中文字幕| 久久99精品国产麻豆婷婷洗澡| 国产福利精品导航| 日本高清免费不卡视频| 欧美成人高清电影在线| 亚洲精品免费在线观看| 精品无人码麻豆乱码1区2区| 91在线你懂得| 欧美成人精品二区三区99精品| 亚洲另类春色国产| 国产在线精品免费| 视频一区欧美日韩| 成人综合婷婷国产精品久久蜜臀 | 久久99国产乱子伦精品免费| www.欧美日韩| 精品久久久三级丝袜| 亚洲综合在线电影| 国产很黄免费观看久久| 7777精品久久久大香线蕉| 中文字幕一区二区日韩精品绯色| 亚洲成av人在线观看| 97精品久久久久中文字幕| 日韩欧美国产wwwww| 一区二区在线观看视频 | 在线观看免费亚洲| 久久久久成人黄色影片| 美腿丝袜亚洲色图| 欧美日韩一二三| 亚洲美女免费视频| 亚洲国产精品久久不卡毛片| 成人中文字幕合集| 欧美大白屁股肥臀xxxxxx| 亚洲一区二区偷拍精品| 99热在这里有精品免费| 26uuu国产电影一区二区| 日韩国产在线一| 色婷婷av一区二区三区gif | 国产精品久久久久一区二区三区共| 免费久久精品视频| 欧美一区二区三区视频免费播放| 亚洲愉拍自拍另类高清精品| 色综合久久66| 亚洲女同女同女同女同女同69| 亚洲欧美经典视频| 97精品久久久久中文字幕| 国产精品私房写真福利视频| 国产成人午夜99999| 久久久久久久久97黄色工厂| 国产一区二区调教| 欧美成人官网二区| 狠狠色狠狠色合久久伊人| 91精品婷婷国产综合久久性色 | 亚洲成a天堂v人片| 欧美综合一区二区| 亚洲成a人在线观看| 欧美日韩日日摸| 亚洲一区二区三区四区不卡| 91黄视频在线观看| 亚洲宅男天堂在线观看无病毒| 欧美系列日韩一区| 亚洲一区二区视频| 日韩三级高清在线| 麻豆免费精品视频| 久久精品无码一区二区三区| 国产宾馆实践打屁股91| 中文字幕国产精品一区二区| 99精品视频免费在线观看| 1000部国产精品成人观看| 色一情一乱一乱一91av| 无码av免费一区二区三区试看| 91精品国产手机| 国产成人夜色高潮福利影视| 中文乱码免费一区二区| 欧美影院一区二区| 日本少妇一区二区| 欧美高清在线精品一区| 日本高清成人免费播放| 日韩av电影一区| 中文字幕免费一区| 欧美精品粉嫩高潮一区二区| 国产一区二区三区四区五区美女 | 国产日本一区二区| 欧美在线色视频| 国产乱人伦精品一区二区在线观看| 亚洲视频一区在线| 欧美丰满少妇xxxxx高潮对白 | 欧美精品一区二区久久久| 不卡视频免费播放| 日韩精品乱码免费| 亚洲日本护士毛茸茸| 91精品免费在线观看| 成人午夜激情影院| 另类成人小视频在线| 亚洲精选在线视频| 久久久久99精品一区| 欧洲av在线精品| 国产成人福利片| 青青草伊人久久| 亚洲一区二区不卡免费| 欧美国产激情一区二区三区蜜月| 91麻豆精品91久久久久同性| 在线观看免费亚洲| 成人国产精品免费观看| 老司机一区二区| 午夜精品久久久| 亚洲女同一区二区| 国产精品久久久久久久午夜片| 日韩免费观看高清完整版| 91色视频在线| 国产成人精品一区二区三区网站观看 | 91精品国产一区二区人妖| 国产精品一区二区不卡| 日韩专区欧美专区| 亚洲午夜一区二区| 国产精品国产a| 精品对白一区国产伦| 欧美网站一区二区| 91网站最新网址| 精品亚洲国产成人av制服丝袜| 久久精品夜色噜噜亚洲a∨| 91亚洲国产成人精品一区二区三| 亚洲老司机在线| 精品国产91乱码一区二区三区| 国产成人鲁色资源国产91色综| 国产精品短视频| 欧洲亚洲精品在线| 久久国产精品无码网站| 中文字幕一区二区三区精华液 | www国产亚洲精品久久麻豆| 欧美在线观看视频在线| a在线欧美一区| 91美女在线看| 色综合天天综合网天天看片| 国产成人啪免费观看软件| 国产99一区视频免费| 狠狠狠色丁香婷婷综合久久五月| 日韩高清不卡一区| 亚洲日本青草视频在线怡红院| 久久综合久色欧美综合狠狠| 91精品婷婷国产综合久久| 色综合天天综合色综合av | 99精品视频在线观看| 粉嫩高潮美女一区二区三区| 国产毛片精品国产一区二区三区| 国模少妇一区二区三区| 国产麻豆日韩欧美久久| 国内精品国产成人国产三级粉色 | 色综合天天综合在线视频| 91美女视频网站| 欧美自拍丝袜亚洲| 同产精品九九九| 91蝌蚪国产九色|