这是一款基于bootstrap的时尚登录界面设计效果。该登录界面使用了bootstrap的表单元素,整个设计简洁时尚,值得推荐。
使用方法
在页面中引入bootstrap.min.css文件。
HTML结构
该登录界面的HTML结构如下:
登录
记住我
CSS样式
该登录界面的主要CSS样式如下:
body {
background:url(../images/login_bg_0.jpg) #f8f6e9 0 0 no-repeat;
background-size: cover;
}
.signin {
width:477px;
height:479px;
background:url(../images/login_bg.png) no-repeat;
margin:0 auto;
position:absolute;
top:50%;
left:50%;
margin-top:-239px;
margin-left:-238px;
}
.signin-head {
margin:0 auto;
padding-top:30px;
width:120px;
}
.form-signin {
ma