<!DOCTYPE html>

<html lang="zh-cmn-Hans">

<head>

<meta charset="utf-8" />

<title></title>

<style>

.a{

width: 1000px;

height:500px;

background-color: blue;

background-p_w_picpath: linear-gradient(blue, white); 

/*background-repeat: no-repeat;*/

margin: 0 auto;

}

.yhm{

width: 200px;

height: 100px;

margin: 0 auto;

font-size: 50px;

}

.normal{

border-width: 4px;

border-style: dashed  solid solid;

border-radius: 10px;

border-color: red;

width: 300px;

height: 30px;

margin: 0 auto;

}

.jz{

margin:0 auto;

width: 300px;

height: 80px;

}

.jz1{

width: 55px;

height: 30px;

margin: 0 auto;

}

.yhm1{

width: 200px;

height: 100px;

margin: 0 auto;

font-size: 50px;

}

</style>

</head>

<body>

<div class="a">

<div class="yhm">用户登录</div>

<div class="jz"><input  class="normal" type="text" name="登录" placeholder="请输入用户名"></div>

<div class="jz"><input  class="normal" type="text" name="mail" placeholder="请输入邮箱"></div>

<div class="jz"><input  class="normal" type="text" name="password" placeholder="请输入密码"></div>

<div class="jz1"><input type="submit" name="security code" value="提交"></div>

</div>

</body>

</html>