使用html表格布局做一个企业邮箱登录界面

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
  <table width="100%"  border=0>
  <tr height="150px"><td></td><td></td><td></td></tr>
  <tr><td width="350px"></td><td>
    <table width="392px" height="223px" background="email.png" border=0>
	<tr height="30px"><td width="150px"></td><td></td></tr>
    <tr height="180px"><td></td><td>
	<form action="elogin.html" method="post">
	  <table border=0 width="100%" height="100%">
	    <tr><td>用户名</td><td><input type="text" name="username"  /></td></tr>
	    <tr><td>密码</td><td><input type="password" name="pswd" /></td></tr>
	    <tr><td colspan="2">
             
		  <input type="submit" value="进入邮箱" />
		           
	      <input type="reset" value="重新填写"/></td></tr>
	    <tr><td colspan="2">
		     
	      <a href="#">找回密码</a>
		              
		  <a href="#">注册新用户</a>
		</td></tr>
	  </table>
	 </form>
	</td></tr>
    <tr><td></td><td></td></tr>
    </table>
  </td><td></td></tr>
  <tr><td></td><td></td><td></td></tr>
  </table>
 </body>
</html>

邮箱背景图:

使用html表格布局做一个企业邮箱登录界面_第1张图片

思路结构图:

你可能感兴趣的:(使用html表格布局做一个企业邮箱登录界面)