一套非常不错的网站后台登陆界面风格 免费分享
无意间看到一套不错的网站登陆后台界面，特整理了一下给大家分享分享；
前端代码如下
效果代码如下所示：
<!DOCTYPE html> <html lang="en" class="no-js"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>CMS系统</title> <link rel="stylesheet" type="text/css" href="/images/normalize.css"> <link rel="stylesheet" type="text/css" href="/images/demo.css"> <!--必要样式--> <link rel="stylesheet" type="text/css" href="/images/component.css"> </head> <body onload="document.login.username.focus();" style="overflow:-Scroll;overflow-y:hidden"> <div class="container demo-1"> <div class="content"> <div id="large-header" class="large-header" style="height: 722px;"> <canvas id="demo-canvas" width="1536" height="722"></canvas> <div class="logo_box"> <h3>欢迎你</h3> <form name="login" id="login" method="post" action="" onsubmit="return CheckLogin(document.login);"> <input type="hidden" name="enews" value="login"> <div class="input_outer"> <span class="u_user"></span> <input name="username" class="text" style="color: #FFFFFF !important" type="text" placeholder="请输入账户"> </div> <div class="input_outer"> <span class="us_uer"></span> <input name="password" class="text" style="color: #FFFFFF !important; position:absolute; z-index:100;" value="" type="password" placeholder="请输入密码"> </div> <div class="mb2"><a class="act-but submit" href="javascript:document:login.submit();" style="color: #FFFFFF">登录</a></div> <input name="empirecmskey1" type="hidden" id="empirecmskey1" value=""> <input name="empirecmskey2" type="hidden" id="empirecmskey2" value=""> <input name="empirecmskey3" type="hidden" id="empirecmskey3" value=""> <input name="empirecmskey4" type="hidden" id="empirecmskey4" value=""> <input name="empirecmskey5" type="hidden" id="empirecmskey5" value=""> </form> </div> </div> </div> </div><!-- /container --> <script src="/images/TweenLite.min.js"></script> <script src="/images/EasePack.min.js"></script> <script src="/images/rAF.js"></script> <script src="/images/demo-1.js"></script> </body></html>
sd相应文件下载
相应演示效果如下
当前链接：https://www.diebaosoft.com/10656.html内容编辑：付涛
1、[焦点热议]及其子栏目内容为网络转载，其它栏目内容系作者个人原创文章观点，不代表除作者外的任何第三方观点赞同或支持；
2、「♚付涛纪实阁♚」原创文章均为本人工作、学习过程中重点事项点的记录，便于日后面对相同问题时候的复盘总结，同时原创内容遵循创作共用版权 CC 4.0 BY-SA 协议，转载请附上原文出处链接及声明,否则默认视为侵权。
3、如本站个人观点有涉及不妥的地方，可联系【QQ:860227477】，提供合理合法依据，可无偿给予修改或删除。
4、同时针对站内所有来自于【精品软件共享】及其子栏目所分享的软件均为网络收集，请用户下载后24小时内删除，否则引起的争议由使用者承担，与本站无关；
5、针对本站内容若有异义，亦可直接与【法律顾问：易兴俊，律师联系电话：13825799821】直接联系沟通；