<!doctype html>
<html lang="ch">
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title>管理系统</title>
<style>
body{
padding: 88px;
}
</style>
</head>
<body>
<table align="center" width="760" cellpadding="10" cellspacing="0" frame="border">
<td>
<table width="100%">
<tr>
<td width="60%">
<font size="20">管理系统</font>
</td>
<td width="40%>
<table>
<tr>
<td colspan="3">2018/3/17 13:00:00 星期六</td>
</tr>
<tr>
<td>管理首页</td>
<td>登陆</td>
<td> 退出</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr width="100%" bgcolor="#ccc>
<td>
<table border="1" cellspacing="0" cellpadding="8"
width="100%" bgcolor="white">
<tr>
<th>ID</th>
<th>用户名</th>
<th>性别</th>
<th>年龄</th>
<th colspan="3">操作</th>
</tr>
<tr align="center">
<td>1</td>
<td>小一</td>
<td>男</td>
<td>22</td>
<td><a href="#">编辑</a></td>
<td><a href="#">删除</a></td>
<td><a href="#">详细</a></td>
</tr>
<tr align="center">
<td>1</td>
<td>小一</td>
<td>男</td>
<td>22</td>
<td><a href="#">编辑</a></td>
<td><a href="#">删除</a></td>
<td><a href="#">详细</a></td>
</tr>
<tr align="center">
<td>2</td>
<td>小二</td>
<td>男</td>
<td>22</td>
<td><a href="#">编辑</a></td>
<td><a href="#">删除</a></td>
<td><a href="#">详细</a></td>
</tr>
<tr align="center">
<td>3</td>
<td>小三</td>
<td>男</td>
<td>22</td>
<td><a href="#">编辑</a></td>
<td><a href="#">删除</a></td>
<td><a href="#">详细</a></td>
</tr>
<tr align="center">
<td>4</td>
<td>小四</td>
<td>男</td>
<td>22</td>
<td><a href="#">编辑</a></td>
<td><a href="#">删除</a></td>
<td><a href="#">详细</a></td>
</tr>
<tr align="center">
<td>5</td>
<td>小五</td>
<td>男</td>
<td>22</td>
<td><a href="#">编辑</a></td>
<td><a href="#">删除</a></td>
<td><a href="#">详细</a></td>
</tr>
<tr>
<td colspan="7">
<table border="1">
<tr>
<td>退出系统</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr bgcolor="#abcdef">
<td>
<table>
<tr>
<td>End..</td>
<td>©2018</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>手写图片：
运行图片：
模板图片：
