css简洁系统后台登录表单页面代码

代码语言:html

所属分类:表单美化

代码描述:css简洁系统后台登录表单页面代码

代码标签: css 登录 表单

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <style>
        *{
        font-family: "微软雅黑";
        font-size: 16px;
        border: 0;
        padding: 0;
        margin: 0;
        color: #666;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .bgone{
    	width: 100%;
    	height: 100%;
    	position: absolute;
    	top:0;right: 0;left: 0;bottom: 0;margin: auto;
    }
    .pic{
    	width: 492px;
    	height: auto;
    	position: absolute;
    	top:173px;right: 453px;left: 0;bottom: 0;margin: auto;
    	z-index: 99999;
    }
    .table{
    	background-color: #FFFFFF;
    	width: 960px;
    	height: 465px;
    	position: absolute;
    	top:20%;right: 0;left: 0;bottom: 0;margin: auto;
    }
    .password{
         position: absolute;
         top: 12.8rem;
         right: 4rem;
         display: flex;
    }
    .btn{
        position: absolute;
        top: 18.5rem;
        right: 3.9rem;
        border: none;
        color: #fff;
        width: 373px;
        text-align: center;
        background-color: #1592ef;
        text-indent: 0rem;
        border-radius: 10px;
        text-shadow:2px 2px 1px rgba(0, 0, 0, 0.2);
        box-shadow:2px 2px 1px rgba(0, 0, 0, 0.2);
        font-size:20px ;
        height: 50px;
    }
    
    .wel{
    	width: 960px;
    	height: 35px;
    	color: #fff;
        font-size: 30px;
        position: absolute;
        top: -7rem;
        text-align: center;  
       
        
    }.wel1{
    	width: 960px;
    	height: 35px;
    	color: #fff;
        font-size: 12.38px;
        position: absolute;
        top: -4rem;
  .........完整代码请登录后点击上方下载按钮下载查看

网友评论0