首先先来看一下实现的效果：
源代码：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #tab{ width: 100%; } tr td{ width: 10%; height: 50px; text-align: center; } </style> </head> <body> <table border="1" cellspacing="0" id="tab"> <tr> <td colspan="6">招聘需求表</td> </tr> <tr> <td>部门</td> <td></td> <td>招聘岗位</td> <td></td> <td>招聘人数</td> <td></td> </tr> <tr> <td>现从事该岗位的总人数</td> <td> </td> <td>现部门总人数</td> <td colspan="3"> </td> </tr> <tr> <td>需求原因</td> <td colspan="5"></td> </tr> <tr> <td>部门负责人签字</td> <td colspan="2"></td> <td>日期</td> <td colspan="2"></td> </tr> <tr> <td>部门负责人签字</td> <td colspan="2"></td> <td>日期</td> <td colspan="2"></td> </tr> <tr> <td>部门负责人签字</td> <td colspan="2"></td> <td>日期</td> <td colspan="2"></td> </tr> </table> </body> </html>
