<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
body{background-image:url(img/timg.jpg)}
table{background-image:url(img/QQ图片20190514193733.png);}
a{color: green;}
a:hover{color: red;}
a:visited{color: yellow;}
#a{color: green;font-size: 30px;}
#g:link{color: grey;}
#g:hover{color: cornflowerblue;font-size: 30px;}
#g:visited{color: violet;}
#b{color: white;height: 40px;}
#d{color: black;}
#c{width: 100px;}
#e{width: 200px;
background-color: green;color: white;}
#e:hover{color: gold;}
#e:active{color: tomato;}
.b{width: 300px;}
</style>
</head>
<body>
<table align="center" height="400" width=600 >
<tr height="100">
<td id="a">小a陪诊</td>
<td align="right"><a href="#">首页</a></td>
<td width="100" align="right"><a href="#">用户注册</a></td>
</tr>
<tr bgcolor="#008000">
<td colspan="3" id="b">登录</td>
</tr>
<tr>
<td align="center" colspan="3">
<div id="f">
<form action="" method="get">
<label style="color: #FFD700;" for="l1">用户名:</label><input id="l1" maxlength="8" class="b" placeholder="输入账户" type="text" name="name" value="" />
<br />
<label style="color: aquamarine;" for="l2"> 密码:</label><input id="l2" maxlength="12" class="b" placeholder="输入密码" type="password" name="pw" value="" />
<br />
验证码:<input class="b" type="text" name="yan" value="" />
<br />
<br />
<input id="e" type="button" name="" value="登录" />
<br />
<a id="g" href="#">忘记密码?</a>
</form>
</div>
</td>
</tr>
</table>
</body>
</html>
day2作业.png
