婷婷综合国产,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
    日韩三级免费观看| 久久精品一二三| 精品国产乱码久久久久久图片| 国产亚洲精品超碰| 亚洲成人免费av| 成人免费视频免费观看| 日韩免费视频一区| 亚洲成在人线在线播放| www.性欧美| 久久久久国产免费免费| 日本网站在线观看一区二区三区| 91美女福利视频| 国产精品不卡在线| 成人黄色小视频| 久久久久久影视| 久久国产成人午夜av影院| 欧美亚洲免费在线一区| 亚洲乱码国产乱码精品精的特点| 成人性生交大片免费看在线播放| 亚洲精品一区二区三区在线观看 | 国产伦精一区二区三区| 91精品国产一区二区三区| 亚洲国产成人精品视频| 在线免费视频一区二区| 亚洲一区av在线| 欧美色大人视频| 夜色激情一区二区| 欧美丝袜丝交足nylons| 亚洲国产成人av网| 欧美精品在线观看播放| 日韩精品成人一区二区在线| 欧美精品v国产精品v日韩精品 | 欧美日韩欧美一区二区| 亚洲综合激情网| 久久亚洲一区二区三区四区| 蜜桃视频一区二区三区 | 高清不卡在线观看| 国产欧美一区二区三区在线看蜜臀 | 国产婷婷色一区二区三区| 美女脱光内衣内裤视频久久网站| 日韩亚洲欧美成人一区| 日日夜夜精品视频天天综合网| 日韩午夜在线影院| 国产宾馆实践打屁股91| 国产精品久久二区二区| 色香蕉久久蜜桃| 亚洲国产精品久久不卡毛片 | 黄色小说综合网站| 国产午夜久久久久| 91美女在线观看| 免费国产亚洲视频| 国产精品灌醉下药二区| 欧美三级视频在线播放| 经典一区二区三区| 亚洲欧洲日韩一区二区三区| 在线免费观看视频一区| 蜜臀国产一区二区三区在线播放 | 欧美专区日韩专区| 蜜桃视频在线一区| 国产精品电影院| 日韩午夜在线影院| 91一区在线观看| 捆绑紧缚一区二区三区视频| 国产精品电影院| 精品久久久久久亚洲综合网| 99在线热播精品免费| 日韩成人精品在线观看| 亚洲欧洲国产专区| 欧美第一区第二区| 色美美综合视频| 国产在线一区二区综合免费视频| 1024亚洲合集| 久久久三级国产网站| 欧美少妇一区二区| 丰满岳乱妇一区二区三区| 亚洲一级二级在线| 国产精品乱码人人做人人爱| 日韩一级成人av| 欧美伊人久久久久久午夜久久久久| 久久精品国产久精国产爱| 亚洲在线视频一区| 欧美激情综合网| 欧美一区二区三区免费大片| 91传媒视频在线播放| 风间由美一区二区av101| 乱一区二区av| 首页国产欧美日韩丝袜| 亚洲一区二区三区在线看| 中文字幕av在线一区二区三区| 日韩欧美黄色影院| 欧美日韩亚洲高清一区二区| 91在线丨porny丨国产| 国产成人av影院| 国内精品视频一区二区三区八戒| 视频一区中文字幕国产| 亚洲一区二区影院| 亚洲色图丝袜美腿| 国产精品福利电影一区二区三区四区| 久久91精品国产91久久小草| 久久亚洲免费视频| 欧美电影精品一区二区| 日韩免费观看2025年上映的电影 | 国产亚洲成aⅴ人片在线观看| 精品一二线国产| 老司机午夜精品| 蜜臀av性久久久久蜜臀aⅴ| 三级亚洲高清视频| 三级欧美在线一区| 免费看日韩精品| 麻豆精品新av中文字幕| 久久精品999| 国内精品国产成人国产三级粉色| 免费看欧美美女黄的网站| 美女诱惑一区二区| 激情综合网最新| 国产成人精品影视| 懂色av噜噜一区二区三区av| 成人av网站在线| 色94色欧美sute亚洲线路二| 在线中文字幕不卡| 麻豆免费看一区二区三区| 精品中文av资源站在线观看| 久久九九全国免费| 国产精品第四页| 一区二区三区在线免费视频| 日韩福利视频网| 国产真实乱偷精品视频免| 不卡电影免费在线播放一区| 91欧美一区二区| 欧美视频一二三区| 日韩欧美中文字幕一区| 国产色产综合色产在线视频| 色综合中文字幕| 欧美日韩不卡在线| 成人一区二区在线观看| 色老综合老女人久久久| 日韩欧美自拍偷拍| 欧美激情一区二区三区在线| 亚洲伦理在线精品| 九九**精品视频免费播放| 国产成人在线视频播放| 欧美色老头old∨ideo| 久久婷婷国产综合精品青草| 自拍偷自拍亚洲精品播放| 日韩一级大片在线| 日韩美女久久久| 国产欧美日韩精品在线| 亚洲国产欧美日韩另类综合| 极品少妇一区二区| 欧美视频日韩视频在线观看| 久久久国产一区二区三区四区小说 | 欧美性生活大片视频| 成人网在线播放| 欧美一区二区三区免费| 亚洲免费观看在线观看| 国产在线精品不卡| 欧美久久久久久久久| 国产精品剧情在线亚洲| 美国精品在线观看| 色欲综合视频天天天| 久久精品欧美日韩精品| 视频在线观看91| 欧洲av一区二区嗯嗯嗯啊| av中文字幕不卡| jlzzjlzz国产精品久久| 精品1区2区在线观看| 日韩av在线播放中文字幕| 色94色欧美sute亚洲线路一ni | 久久综合av免费| 亚洲h在线观看| 成人精品高清在线| 国产日韩欧美a| 久久国产精品第一页| 欧美人伦禁忌dvd放荡欲情| 亚洲裸体在线观看| 综合电影一区二区三区 | 99视频精品在线| 日本精品裸体写真集在线观看| 一本一本久久a久久精品综合麻豆| 中文字幕视频一区二区三区久| 91浏览器在线视频| 亚洲国产成人91porn| 青青草原综合久久大伊人精品优势| 国产aⅴ精品一区二区三区色成熟| 国产精品视频看| 欧洲亚洲精品在线| 天堂久久久久va久久久久| 91精品国产高清一区二区三区蜜臀| 经典三级在线一区| 国产精品福利一区| 欧美日韩免费一区二区三区| 麻豆成人免费电影| 国产精品欧美一区二区三区| 日本高清不卡在线观看| 轻轻草成人在线| 国产无一区二区| 欧美在线观看视频在线| 国内精品伊人久久久久av一坑| 中文字幕一区二区视频| 欧美一区二区三区四区五区|