<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<table class="mytable" cellpadding="0" cellspacing="0">
<caption> 经营类项目验收费用决算审批表</caption>
<tr>
<th>项目名称</th>
<td><input type="text" /></td>
<th >项目负责人</th>
<td><input type="text" /></td>
</tr>
<tr>
<th>项目目标完成情况<br />完成时间</th>
<td colspan="3"><textarea cols="55" rows="4"></textarea></td>
</tr>
<tr>
<th>费用预算总额<br />单位:元(现金)</th>
<td><input type="text" /></td>
<th>费用实际列支总额<br />(现金)</th>
<td><input type="text" /></td>
</tr>
<tr>
<th>费用预算总额 <br />(物品)</th>
<td><input type="text" /></td>
<th>费用实际列支费用总额<br />(物品)</th>
<td><input type="text" /></td>
</tr>
<tr>
<th>内部资源预算总额</th>
<td><input type="text" /></td>
<th>内部资源实际列支总额</th>
<td><input type="text" /></td>
</tr>
<tr>
<th>项目费用,列支明细<br />(人力及开发费用)</th>
<td colspan="3"><textarea cols="55" rows="4"></textarea></td>
</tr>
<tr>
<th>项目费用,列支明细<br />(非人力成本报销明细及内部其它结算明细)</th>
<td colspan="3"><textarea cols="55" rows="4"></textarea></td>
</tr>
<tr>
<th>实际税收成本</th>
<td colspan="3"><textarea cols="55" rows="4"></textarea></td>
</tr>
<tr>
<th>实际业务提成</th>
<td colspan="3"><textarea cols="55" rows="4"></textarea></td>
</tr>
</table>
css代码
<style>
table,th,td, caption{ margin:0px; padding:0px; line-height:18px; color:#000; font-size:12px; font-family:Microsoft Yahei;}
.mytable th{ background:#BCE774; text-align:left; font-weight:normal; width:150px; padding:6px;}
.mytable caption{ background:#328AA4; color:#FFF; line-height:30px; border:1px solid #000;}
.mytable td{background:#ECFBD4; padding:3px; }
.mytable th,.mytable td{border-top:1px solid #000;border-left:1px solid #000; }
.mytable{border-bottom:1px solid #000;border-right:1px solid #000;}
</style>
</body>
</html>
表格的漂亮css展示
最新推荐文章于 2023-10-31 13:35:59 发布