<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>
</title>
<style type="text/css">
h3{background-color: green;}
h1{color: green;}
h4{color: greenyellow;}
.c2{color: white;}
.c1{color: gainsboro;}
#1{width: 200px;align-self: center;}
#2{width: 200px;align-self: center;}
.c4{background-color: green;}
div{align-items: center;}
body{background-image: ;}
</style>
</head>
<body>
<div id="">
<table align="center" >
<tr >
<td width="400"><h1 align="left">欢迎欢迎</h1></td>
<td><h4 align="right">首页</h4></td>
<td><h4 align="center" class="c1">|</h4></td>
<td><h4 align="right">用户注册</h4></td>
</tr>
</table>
</div>
<div id="">
<table border="1" cellspacing="1" cellpadding="1"align="center"width="500"height="300">
<tr>
<td>
<h3 >登录</h3>
<p align="left">
<font>用户名</font>
<input type="text" name="账号" id="1" value="" placeholder="请输入账号" /></p>
<br />
<p align="left" >
<font>密码</font>
<input type="password" name="密码" id="2" value="" placeholder="请输入密码" width="100"/></p>
<br />
<p align="left">
<font>验证</font>
<input type="password" name="验证码" id="3" value=""placeholder="请输入验证码" /><button><img src="C:\Users\Administrator\Desktop\T9QT7GFFB7[UJQTXZK9FKE2.png"width="50"height="10"/></button>
</p>
</div>
<p align="center" id="6"class="c4">登录</p>
</td>
</tr>
</table>
</body>
</html>