<!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">用戶注冊(cè)</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="賬號(hào)" id="1" value="" placeholder="請(qǐng)輸入賬號(hào)" /></p>
<br />
<p align="left" >
<font>密碼</font>
<input type="password" name="密碼" id="2" value="" placeholder="請(qǐng)輸入密碼" width="100"/></p>
<br />
<p align="left">
<font>驗(yàn)證</font>
<input type="password" name="驗(yàn)證碼" id="3" value=""placeholder="請(qǐng)輸入驗(yàn)證碼" /><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>