首页 » 技术分享 » Html表格制作费用报销单

Html表格制作费用报销单

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表格</title>
		
		<style>
			body{
				width: 940px;
				height:380px;
				border:2px dimgray solid
			}
			table{
				width: 800px;
				height: 300px;
				
				text-align: center;
				/* 表边框合并  两个单元格之间的边框进行合并 */
				border-collapse: collapse;
				margin: 0 auto;
				
				
			}
			
			table td, th{
				border:1px black solid;
				background-color: white;
				height:20px;
				width: 100px;
				
			}
			.a{
				border:none;
				text-align: right;
			}
			.b{
				text-align: left;
				padding-left: 10px;
			}
			.c{
				
				text-align:center
			}
			
			.d{
				border:none;
				text-align: center;
				padding-top:5px ;
			}
			
		</style>
	</head>
	<body>
	
		<table>
			<caption><h2>报销单</h2></caption>
			<tr>
				<td colspan="4" class="a">报销日期&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日</td>
				<td colspan="2"class="a">附件&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;张&nbsp;&nbsp;&nbsp;&nbsp;</td>
				
			</tr>
			<tr>
				<td colspan="2">费用项目</td>
				<td colspan="1">类别</td>
				<td>金额</td>
				<td rowspan="2">负责人(签章)</td>
				<td rowspan="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
			</tr>
			<tr>
				<td colspan="2"></td>
				<td></td>
				<td></td>
				
			</tr>
			<tr>
				<td colspan="2"></td>
				<td></td>
				<td></td>
				<td class="c" rowspan="2">审查意见</td>
				<td rowspan="2"></td>
			</tr>
			<tr>
				<td colspan="2"></td>
				<td></td>
				<td></td>
				
			</tr>
			<tr>
				<td colspan="2"></td>
				<td></td>
				<td></td>
				<td rowspan="2">报销人(签章)</td>
				<td rowspan="2"></td>
			</tr>
			<tr>
				<td colspan="2"></td>
				<td></td>
				<td></td>
				
			</tr>
			<tr>
				<td colspan="2"></td>
				<td></td>
				<td></td>
				<td class="b">¥</td>
				<td></td>
			</tr>
			
			<tr>
				<td class="c" colspan="6">核实金额(大写)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;佰&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;拾&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;万&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;仟&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;佰&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;拾&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;元&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;角&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;分&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;¥&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
				
				
			</tr>
			<tr>
				<td >借款额</td>
				<td ></td>
				<td >应退金额</td>				
				<td ></td>
				<td >应补金额</td>
				<td ></td>
			</tr>
			<tr>
				<td colspan="3" class="d">审核</td>
				<td colspan="3" class="d">出纳</td>
		</table>
		
	</body>
</html>

在这里插入图片描述

转载自原文链接, 如需删除请联系管理员。

原文链接:Html表格制作费用报销单,转载请注明来源!

0