简单的网页设计源代码在线下载
作者:80网站模板发布时间:2021-02-26浏览量:60
精选企业建站模板,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
09-27
织梦cms要花钱授权了,如何转到别的建站程序?其实现在免费的cms有很多,比如易优cms、mipcms、pbootcms等,我们今天介绍一下为了方便把织梦模板转换成PB模板而生的工具,大大方便的操作过程,不过对于复杂的模板效果不太好。工具是死的,人是活的,工具+手动调整=高效解决,工具作者:晨星傲月。具体工具使用在下载包里已经
2021
08-20
现在的论坛有很多,但是找出几个权重比较高的论坛确实很费事,所以说大家要抽空点时间去选择一些高权重的论坛,SEO马龙认为注册个账号,要把自己的个人信息填写好,不要盲目的去发广告,很容易被论坛的BT斑竹给你K掉的,如何做好网站优化内外链建设?从目前来看外链的选择主要有以下几点:1、bbs类:千万别为了一个广告而浪
2021
06-01
网站语言需要配合一定的规则,大家在使用网站模板的时候,都需要提前知道网站的语言是什么,有助于使用这套模板,大家在看到别人网站的时候,不知道别人的网站是什么语言开发的,也想要做同样的网站的时候,教大家怎样看网站用什么语言开发的1. 根据 meta 信息判断不少的网站会在 meta 添加框架的信息,比如 Joomla、XOOPS、
2021
06-01
很多站长在建站的时候喜欢在底部加入网站运行时间统计,显得逼格特别上档次,今天技术小编就分享下,一个购买网站模板的用户,寻求这样一个代码加上运行时间代码。查看了网站底部模板代码插入的网上很多教程,貌似都只能精确到天,今天我们麦模板技术小编分享的代码是运行时间精确到年月日时分秒。网站底部模板运行时间代码
服务热线