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;">首頁(yè)</a>
<font style="color: darkgray;">|</font>
<a href="" style="color: green;font-size: 15px;">用戶注冊(cè)</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="請(qǐng)輸入用戶名" style="height: 20px;"/><br /><br />
       <font style="color: gray;">密碼：</font>
<input type="text" name="密碼" id="" value=""placeholder="請(qǐng)輸入密碼" style="height: 20px;"/><br /><br />
      <font style="color: gray;">驗(yàn)證碼：</font>
<input type="text" name="驗(yàn)證碼" 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>
