dl.png
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
body{
background-image: url(timg.jpg);
/*background-repeat:no-repeat*/
}
*{
font-size:16px;
/*background-color: rgb(220,220,220);*/
}
form{
width : 430px;
height : 350px;
background: white;
}
.c1{
height: 20px;
width:200px;
background: white
}
#text2{
height: 20px;
width:100px;
background: white
}
#submit1{
height: 40px;
width:200px;
background-color: green;
position:absolute;
left:100px;
top:240px;
}
p{
height: 0px;
background-color: green;
}
form{
position:absolute;
left:600px;
top:100px;
background: white
}
img{
position:absolute;
left:200px;
top:172px;
}
a{
position:absolute;
left:100px;
top:285px;
background: white
}
h1{
position:relative;
top: -13px;
background-color:green;
font-size:20px;
line-height:45px;
}
font{
background: white
}
</style>
</head>
<body>
<form action="" method="get">
<h1> 登录</h1><br />
<font> 用户名： </font>
<input id='text1' class='c1' type="text" name="username" id="username" value="" placeholder="请输入用户名"/><br/>
<p></p>
<font class='c3'>  密码：</font>
<input id='pw1' class='c1' type="password" name="pw" id="pw" value="" placeholder="请输入密码"/><br />
<p></p>
<font class='c3'> 验证码：</font>
<input id='text2' class='c1' type="text" name="identify" id="identify" value="" />
<img src="img/identify.png" alt="" width="100px" height=30px"/><br />
<p></p>
<input id='submit1' class='c2' type="submit" name="sign" id="sign" value="登录" /><br />
<p></p>
<a style='font-size: 15px;' href="">忘记密码？</a>
</form>
</body>
</html>
