HTML代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/homework1.css"/>
</head>
<body>
<div id="d1">
<div>
<font style="font-size: 30px;font-family:'宋体';">小a陪诊</font>
         
<a href="https://www.bilibili.com/">首页</a>
  
<a href="https://www.bilibili.com/">用户注册</a>
</div>
</div>
<div id="d2">
 <font>登录</font>
</div>
<div id="d3">
<br /><br />
<form action="" method="get">
   <font>用户名：</font>
<input type="password" name="" id="" value="" /><br /><br />
    <font>密码：</font>
<input type="password" name="" id="" value="" /><br /><br />
   <font>验证码：</font>
<input type="text" name="" id="" value="" />
<br /><br />
      
<input id="in1" type="submit" value="登录" />
</form>
</div>
</body>
</html>
CSS代码
#d1{
color: green;
}
a:link{
color: green;
}
a:hover{
color: red;
}
#d2{
background-color: green;font-size: 20px;
width: 400px;height: 40px;line-height: 40px;color: white;
}
#d3{
background-color: #eeeeee;width: 400px;height: 250px;
}
#in1{
width: 200px;height: 40px;background-color: green;
color: white;font-family: '微软雅黑';font-weight: bold;font-size: 20px;
}
#in1:hover{
background-color: lawngreen;
}
