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

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

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

先來看看樣子。

html源碼：

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  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復(fù)制內(nèi)容到剪貼板
  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. }  

總結(jié)：

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

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

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助。

標(biāo)簽：北海 阜陽 營口 崇左 眉山 晉中 青海 河池

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《Html制作簡單而漂亮的登錄頁面》，本文關(guān)鍵詞  Html,制作,簡單,而,漂,亮的,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《Html制作簡單而漂亮的登錄頁面》相關(guān)的同類信息！
  • 本頁收集關(guān)于Html制作簡單而漂亮的登錄頁面的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章
    婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av
    麻豆视频一区二区| 亚洲视频在线观看一区| 欧美羞羞免费网站| 色乱码一区二区三区88| 97精品电影院| 欧美亚洲动漫另类| 欧美日韩精品欧美日韩精品一综合| 一本高清dvd不卡在线观看| 91在线视频免费观看| 91美女福利视频| 欧美色区777第一页| 7777精品伊人久久久大香线蕉的| 欧美丰满一区二区免费视频| 制服丝袜日韩国产| 精品久久久久99| 国产精品美女一区二区三区 | 天堂成人免费av电影一区| 亚洲成人av一区二区三区| 日本不卡视频在线| 粉嫩欧美一区二区三区高清影视 | 亚洲欧美一区二区三区极速播放| 亚洲精品成人悠悠色影视| 日韩高清在线不卡| 国产成人av电影在线| 91麻豆产精品久久久久久| 欧美精品vⅰdeose4hd| 欧美精品一区二区久久婷婷| 欧美激情一区二区三区在线| 亚洲精选视频在线| 国产又黄又大久久| 欧美亚洲综合一区| 国产视频一区在线观看| 亚洲一卡二卡三卡四卡无卡久久 | 大白屁股一区二区视频| 91视视频在线观看入口直接观看www| 精品视频在线免费看| 久久久久久麻豆| 亚洲成人中文在线| jlzzjlzz亚洲女人18| 日韩欧美国产高清| 亚洲一区在线视频观看| 成人免费视频免费观看| 911精品国产一区二区在线| 国产精品国产馆在线真实露脸 | 亚洲日本成人在线观看| 国产原创一区二区| 欧美精品三级在线观看| 亚洲婷婷综合久久一本伊一区| 精品一区二区三区影院在线午夜| 色婷婷综合久色| 国产精品国产三级国产普通话蜜臀| 免费高清视频精品| 欧美老肥妇做.爰bbww| 亚洲天堂网中文字| 成人毛片在线观看| 久久久久久99久久久精品网站| 午夜精品久久久久久久久| 91色综合久久久久婷婷| 国产精品美女久久久久久久久 | 日韩一区二区三区高清免费看看 | 国产精品亚洲专一区二区三区| 欧美日韩精品久久久| 亚洲免费毛片网站| 99精品国产热久久91蜜凸| 精品久久久久99| 国产资源精品在线观看| 日韩欧美激情在线| 美腿丝袜亚洲三区| 久久综合狠狠综合| 国产福利精品一区二区| 久久精品一区蜜桃臀影院| 国产高清不卡一区二区| 国产欧美综合在线| 成人午夜视频免费看| 最新国产成人在线观看| 一本久道中文字幕精品亚洲嫩| 18成人在线观看| 色婷婷国产精品综合在线观看| 亚洲视频一区二区免费在线观看| 成人黄色软件下载| 《视频一区视频二区| 91国偷自产一区二区三区观看| 亚洲欧美激情插 | 日韩激情一区二区| 欧美乱妇20p| 精品一区二区在线免费观看| 国产色一区二区| 91免费版在线| 亚洲综合无码一区二区| 欧美人狂配大交3d怪物一区| 久久国产欧美日韩精品| 久久久久亚洲蜜桃| 99精品偷自拍| 青青青伊人色综合久久| 国产拍欧美日韩视频二区| 在线欧美日韩精品| 日本午夜精品一区二区三区电影 | 欧美日韩国产美女| 久久99国产乱子伦精品免费| 国产精品久久福利| 欧美精品电影在线播放| 国产成人午夜片在线观看高清观看| 国产精品国产三级国产| 91精品国产全国免费观看| 国产高清在线精品| 婷婷成人激情在线网| 国产欧美日本一区视频| 欧美男人的天堂一二区| 国产精品一级二级三级| 午夜视频一区二区| 国产精品传媒视频| 欧美一区二区三区免费大片| 福利电影一区二区| 日韩在线卡一卡二| 中文字幕一区二区三| 欧美一卡在线观看| 在线观看精品一区| 成人午夜电影小说| 久久99精品久久久久久动态图| 亚洲欧美另类久久久精品2019| 久久综合久久综合久久| 欧美高清性hdvideosex| 99re成人在线| 高清日韩电视剧大全免费| 亚洲国产精品一区二区www在线| 欧美国产精品一区| 精品国产在天天线2019| 日韩欧美一区在线观看| 欧美性猛交xxxx黑人交| 色老汉av一区二区三区| 972aa.com艺术欧美| 成人免费高清在线| 久久精品国产99国产精品| 亚洲成人久久影院| 亚洲永久免费视频| 一区二区三区在线不卡| 国产精品国产a级| 久久久久久久综合日本| 日韩精品中文字幕在线不卡尤物| 欧美系列在线观看| 欧美在线免费视屏| 色悠悠亚洲一区二区| 91美女在线看| 91视频国产资源| 91麻豆蜜桃一区二区三区| 成人午夜视频在线| 91蝌蚪porny| 91福利国产精品| 欧美三级三级三级爽爽爽| 欧美日韩在线播放三区四区| 欧美四级电影在线观看| 欧美三片在线视频观看 | 亚洲欧洲国产专区| 国产精品久久久久一区二区三区共| 久久久99免费| 国产精品久久毛片| 中文字幕一区二区三区四区| 中文字幕一区二区三区在线观看| 亚洲婷婷在线视频| 亚洲综合一区在线| 午夜欧美一区二区三区在线播放| 亚洲国产精品一区二区www| 日韩精品一二三四| 黄色日韩三级电影| 91亚洲大成网污www| 欧美三级电影一区| 精品欧美久久久| 国产精品久久久久影院色老大| 亚洲视频每日更新| 日韩黄色小视频| 国产美女精品人人做人人爽| 成人综合在线观看| 欧美日韩国产一二三| 精品国免费一区二区三区| 综合久久久久综合| 久久99久久99精品免视看婷婷 | 亚洲免费观看高清| 美腿丝袜亚洲色图| 91视视频在线观看入口直接观看www| 在线亚洲人成电影网站色www| 欧美成人精品3d动漫h| 中文字幕成人网| 久色婷婷小香蕉久久| 色呦呦网站一区| 久久综合久久综合久久| 亚洲成人免费视| 不卡高清视频专区| 91精品国产综合久久小美女| 国产精品理伦片| 国产在线播放一区三区四| 日本大香伊一区二区三区| 久久久亚洲国产美女国产盗摄| 亚洲精品va在线观看| 福利视频网站一区二区三区| 9191国产精品| 亚洲美女少妇撒尿| 国产精品资源在线| 日韩美女主播在线视频一区二区三区| 亚洲人成人一区二区在线观看 | 天天影视涩香欲综合网|