简单的网页设计源代码在线下载
作者:80网站模板发布时间:2021-02-26浏览量:40
精选企业建站模板,pb建站教程以及各类手机网站模板下载和企业网站模板分享,PbootCMS模板下载提供优质网站模板源码,仿站业务PbootCMS个人博客模板,PbootCMS企业建站,PbootCMS导航模板等

简单的网页设计源代码在线下载

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.     overflowhidden;   

  5.     font-stylesans-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.     positionabsolute;   

  16.     top: 50%;   

  17.     left:50%;   

  18.     margin: -150px 0 0 -150px;   

  19.     width300px;   

  20.     height300px;   

  21. }   

  22. #login h1{   

  23.     color#fff;   

  24.     text-shadow:0 0 10px;   

  25.     letter-spacing1px;   

  26.     text-aligncenter;   

  27. }   

  28. h1{   

  29.     font-size: 2em;   

  30.     margin: 0.67em 0;   

  31. }   

  32. input{   

  33.     width278px;   

  34.     height18px;   

  35.     margin-bottom10px;   

  36.     outlinenone;   

  37.     padding10px;   

  38.     font-size13px;   

  39.     color#fff;   

  40.     text-shadow:1px 1px 1px;   

  41.     border-top1px solid #312E3D;   

  42.     border-left1px solid #312E3D;   

  43.     border-right1px solid #312E3D;   

  44.     border-bottom1px solid #56536A;   

  45.     border-radius: 4px;   

  46.     background-color#2D2D3F;   

  47. }   

  48. .but{   

  49.     width300px;   

  50.     min-height20px;   

  51.     displayblock;   

  52.     background-color#4a77d4;   

  53.     border1px solid #3762bc;   

  54.     color#fff;   

  55.     padding9px 14px;   

  56.     font-size15px;   

  57.     line-heightnormal;   

  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网页代码,网站模板下载
本文网址:http://www.80oo.cn/jishu/130.html如有转载请注明来源!
最新模板
(自适应手机版)净水设备类pbootcms网站模板

编号:x084     价格:50
(自适应手机版)站长导航类网站pb网站模板下载

编号:x085     价格:100
(手机版)蓝色通用企业wap手机网站源码

编号:x083     价格:50
建站知识
2021
06-01
网站语言需要配合一定的规则,大家在使用网站模板的时候,都需要提前知道网站的语言是什么,有助于使用这套模板,大家在看到别人网站的时候,不知道别人的网站是什么语言开发的,也想要做同样的网站的时候,教大家怎样看网站用什么语言开发的1. 根据 meta 信息判断不少的网站会在 meta 添加框架的信息,比如 Joomla、XOOPS、
2021
06-01
很多站长在建站的时候喜欢在底部加入网站运行时间统计,显得逼格特别上档次,今天技术小编就分享下,一个购买网站模板的用户,寻求这样一个代码加上运行时间代码。查看了网站底部模板代码插入的网上很多教程,貌似都只能精确到天,今天我们麦模板技术小编分享的代码是运行时间精确到年月日时分秒。网站底部模板运行时间代码
2021
05-13
如今建站是件很简单的事情,任何人都可以在不了解Web开发,设计或编码的情况下建立和设计网站。无论您是想为自己还是为企业创建网站,都可以使用正确的工具和资源轻松地做到这一点。本分步指南将帮助您从头开始创建网站,而无需花钱给自由职业者,代理商或网站建设者。您只需要1-2小时的空闲时间即可完成指南并建立网站。建
2021
05-11
一个网站的框架是跟搜索引擎蜘蛛抓取收录有关的。网站设计工作的内容 网站主页设计而大部分客户登录网站先浏览的便是主页。在网站设计时,首页布局不光仅仅是思考到美观方面,关键的问题是符合网站的营销策略,所以设计网站主页的工作量占据多半以上的时间。设计网站主页的工作量占据多半以上在设计网站之
服务热线