DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> WEB前端代碼 >> 表格的漂亮css展示
表格的漂亮css展示
編輯:WEB前端代碼     
完整代碼:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></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" value="" /></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>


效果:
經營類項目驗收費用決算審批表 項目名稱 項目負責人 項目目標完成情況
完成時間 費用預算總額
單位:元(現金) 費用實際列支總額
(現金) 費用預算總額
(物品) 費用實際列支費用總額
(物品) 內部資源預算總額 內部資源實際列支總額 項目費用,列支明細
(人力及開發費用) 項目費用,列支明細
(非人力成本報銷明細及內部其它結算明細) 實際稅收成本 實際業務提成


參考:http:///a/bjac/u1i5j3g9.htm

http:///a/bjad/1rp5vfq4.htm

http:///a/bjad/y20tu6yi.htm
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved