一款科技感十足的后台登录框样式代码,页面加载的时候有一个登录表单飞入的动画效果,非常的酷炫,整个背景样式也是比较有科技感,喜欢的童鞋请收下吧。
页面的head部分,需要引入两个CSS样式文件,代码如下:
<link href="css/bootstrap.min.css" title="" rel="stylesheet" />
<link title="orange" href="css/login.css" rel="stylesheet" type="text/css"/>
页面的body部分,将页面的多个元素分别放入对应的div容器里,代码如下:
<div style="height:1px;"></div>
<div class="login">
<header>
<h1>欢迎登陆</h1>
</header>
<div class="sr">
<form>
<div class="name">
<label>
<i class="sublist-icon glyphicon glyphicon-user"></i>
</label>
<input type="text" placeholder="这里输入登录名" class="name_inp">
</div>
<div class="name">
<label>
<i class="sublist-icon glyphicon glyphicon-pencil"></i>
</label>
<input type="text" placeholder="这里输入登录密码" class="name_inp">
</div>
<button class="dl">立即登陆</button>
</form>
</div>
</div>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791