image.png
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>小a陪诊登录界面</title>
<style type="text/css">
body{background-image: url(img/timg.jpg);background-repeat:no-repeat;
background-size: 100% 100%;background-attachment: fixed;}
#div1{
width:500px;
height:350px;
background-color:white;
/*box-shadow: 10px 10px 5px #888888;*/
/*border: 1px solid;*/
margin-left: 800px;
margin-top: 150px;
}
#div2{background-color: green}
#div4{background-color:rgba(255,255,255,0.1)}
</style>
</head>
<body>
<div id="div1">
<div id="div4">
<font style="color:green;font-size: 45px;font-family:'微软雅黑' ;">小a陪诊</font>              
<a href="" style="color: green;font-size: 15px;">首页</a>
<font style="color: darkgray;">|</font>
<a href="" style="color: green;font-size: 15px;">用户注册</a>
</div>
<div id="div2">
<font style="color: white;font-size: 20px;"> 登录</font>
</div>
<br />
<br />
<div id="div3">
<form action="" method="get">
      <font style="color: gray;">用户名：</font>
<input type="text" name="用户名" id="" value=""placeholder="请输入用户名" style="height: 20px;"/><br /><br />
       <font style="color: gray;">密码：</font>
<input type="text" name="密码" id="" value=""placeholder="请输入密码" style="height: 20px;"/><br /><br />
      <font style="color: gray;">验证码：</font>
<input type="text" name="验证码" id="" value="" style="width: 70px;height: 20px;"/> <img src="img/111.jpg"/ width="80px" height="20px"><br /><br />
        <input type="submit" value="登录" style="background-color:green;color: white;font-size: 20px;width: 200px;"/>
</form>
</div>
        <a href="" style="color: darkgray;font-size: 15px;">忘记密码？</a>
</div>
</body>
</html>
