表格的漂亮css展示
<!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> 
相关推荐
移动开发与培训 2020-08-16
ReunionIsland 2020-08-16
行吟阁 2020-08-09
表格的现在还是较为常用的一种标签，但不是用来布局，常见处理、显示表格式数据。在HTML网页中，要想创建表格，就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...
gufudhn 2020-08-09
swiftwwj 2020-07-05
pythonclass 2020-06-25
nercon 2020-06-14
玫瑰小妖 2020-06-07
pythonclass 2020-06-03
lyg0 2020-05-28
huzijia 2020-05-08
行吟阁 2020-05-11
黎豆子 2020-05-11
玫瑰小妖 2020-05-11
HSdiana 2020-05-10
黎豆子 2020-05-08