https://www.cnblogs.com/longhai3/longhai

HTML>>网站表格实例

Posted on 2022-02-13 01:19  凡是过去,皆为序曲  阅读(77)  评论(0编辑  收藏  举报

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
.datalist { border:1px solid #069; border-collapse:collapse;}
td,th { border:1px solid #069; width:80px; padding:10px;}
th { background-color:#6CF;}
tr { height:30px; background-color:#FC3;}
td { text-align:right;}
.k1 { width:70px;}
.k2 { width:90px;}
caption { font-weight:bold; margin-bottom:5px; text-align:left;}
.altrow0 { background-color:#3C9;}
tr:hover { background-color:#6CF;}
</style>
</head>
<body>
<table class="datalist">
<caption>年度收入 2004 - 2007</caption>
<tr>
<th></th>
<th class="k1" scope="col">2004</th>
<th class="k2" scope="col">2005</th>
<th scope="col">2006</th>
<th scope="col">2007</th>
</tr>
<tr>
<th scope="row">拨款</th>
<td>11,980</td>
<td>12,650</td>
<td>9,700</td>
<td>10,600</td>
</tr>
<tr class="altrow0">
<th scope="row">捐款</th>
<td>4,780</td>
<td>4,989</td>
<td>6,700</td>
<td>6,590</td>
</tr>
<tr>
<th scope="row">投资</th>
<td>8,000</td>
<td>8,100</td>
<td>8,760</td>
<td>8,490</td>
</tr>
<tr class="altrow0">
<th scope="row">募捐</th>
<td>3,200</td>
<td>3,120</td>
<td>3,700</td>
<td>4,210</td>
</tr>
<tr>
<th scope="row">销售</th>
<td>28,400</td>
<td>27,100</td>
<td>27,950</td>
<td>29,050</td>
</tr>
<tr class="altrow0">
<th scope="row">杂费</th>
<td>2,100</td>
<td>1,900</td>
<td>1,300</td>
<td>1,760</td>
</tr>
<tr>
<th scope="row">总计</th>
<td>58,460</td>
<td>57,859</td>
<td>58,110</td>
<td>60,700</td>
</tr>
</table>
</body>
</html>

随心,随记

https://www.cnblogs.com/w1hg/331817