一套非常不错的网站后台登陆界面风格 免费分享-♚付涛纪实阁♚
欢迎访问付涛纪实阁官方网站!

一套非常不错的网站后台登陆界面风格 免费分享

无意间看到一套不错的网站登陆后台界面,特整理了一下给大家分享分享;

前端代码如下

效果代码如下所示:

<!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相应文件下载

2021092214120280

相应演示效果如下

CMS后台系统系统

查阅标签同类文章:
当前链接:https://www.diebaosoft.com/10656.html内容编辑:付涛
6
【友情提示:】
1、[焦点热议]及其子栏目内容为网络转载,其它栏目内容系作者个人原创文章观点,不代表除作者外的任何第三方观点赞同或支持;
2、「♚付涛纪实阁♚」原创文章均为本人工作、学习过程中重点事项点的记录,便于日后面对相同问题时候的复盘总结,同时原创内容遵循创作共用版权 CC 4.0 BY-SA 协议,转载请附上原文出处链接及声明,否则默认视为侵权。
3、如本站个人观点有涉及不妥的地方,可联系【QQ:860227477】,提供合理合法依据,可无偿给予修改或删除。
4、同时针对站内所有来自于【精品软件共享】及其子栏目所分享的软件均为网络收集,请用户下载后24小时内删除,否则引起的争议由使用者承担,与本站无关;
5、针对本站内容若有异义,亦可直接与【法律顾问:易兴俊,律师联系电话:13825799821】直接联系沟通;