一个HTML.TABLE的样式问题

一些打印需要的表格样式:
即表格的第一行横竖线都要;
中间的(若干行)只要行之间的横线(不要列之间的竖线);
最后一行加上底线;

请给出代码

---------------------------------------------------------------

 1<html>
 2<head>
 3<title> New Document </title>
 4<style>   
 5.boxtitle   
 6{   
 7BORDER-BOTTOM: #777777 1px solid;   
 8BORDER-LEFT: #777777 1px solid;   
 9BORDER-RIGHT: #777777 1px solid;   
10BORDER-TOP: #777777 1px solid;   
11FONT-SIZE: 12px;   
12PADDING-BOTTOM: 0px;   
13PADDING-LEFT: 1px;   
14PADDING-RIGHT: 1px;   
15PADDING-TOP: 1px;   
16TEXT-ALIGN: center   
17}   
18.tt1line   
19{   
20BORDER-BOTTOM: #a0a0a0 1px solid;   
21COLOR: #302010;   
22FONT-SIZE: 12px;   
23FONT-WEIGHT: bold;   
24LINE-HEIGHT: 20px   
25}   
26</style>
27</head>
28<body>
29<table cellpadding="0" cellspacing="0" width="50%">
30<tr>
31<td class="boxtitle">aaa</td>
32<td class="boxtitle">bbb</td>
33<td class="boxtitle">ccc</td>
34</tr>
35<tr>
36<td class="tt1line">aaa</td>
37<td class="tt1line">bbb</td>
38<td class="tt1line">ccc</td>
39</tr>
40<tr>
41<td class="tt1line">aaa</td>
42<td class="tt1line">bbb</td>
43<td class="tt1line">ccc</td>
44</tr>
45<tr>
46<td class="tt1line">aaa</td>
47<td class="tt1line">bbb</td>
48<td class="tt1line">ccc</td>
49</tr>
50</table>
51</body>
52</html>
Published At
Categories with Web编程
Tagged with
comments powered by Disqus