Tablas. Ejercicios table

Ventas por Trimestre

Ejercicio-2007

1º Trim			2º Trim			3º Trim			4º Trim
1.200			1.150			11.320			1.110
400	300	500	650	375	125	275	10.425	620	530	370	210

Código Html
<table class="tbCss1"> <caption class="tb1CaptionTop"> Ventas por Trimestre</caption> <tr class="tbHeader1"> <th colspan="3"> 1º Trim</th> <th colspan="3"> 2º Trim</th> <th colspan="3"> 3º Trim</th> <th colspan="3"> 4º Trim</th> </tr> <tr class="tbSubHeader1"> <th colspan="3"> 1.200</th> <th colspan="3"> 1.150</th> <th colspan="3"> 11.320</th> <th colspan="3"> 1.110</th> </tr> <tr> <td class="tdCss1"> 400</td> <td class="tdCss1"> 300</td> <td class="tdCss1"> 500</td> <td class="tdCss1"> 650</td> <td class="tdCss1"> 375</td> <td class="tdCss1"> 125</td> <td class="tdCss1"> 275</td> <td class="tdCss1"> 10.425</td> <td class="tdCss1"> 620</td> <td class="tdCss1"> 530</td> <td class="tdCss1"> 370</td> <td class="tdCss1"> 210</td> </tr> <caption class="tb1CaptionBottom"> Ejercicio-2007</caption> </table>
Código CSS
.tbCss1 {background: #FFFFFF;color: #333377;font-size:11px;padding: 6px;margin: 3px;border:2px groove #C8C8F2;line-height: 1.5em;white-space: nowrap;font-family: verdana,arial,helvetica,sans-serif;} .tb1CaptionTop {caption-side: top;color:#191970;font-weight: bold;font-size:11px;font-family: verdana,arial,helvetica,sans-serif;} .tb1CaptionBottom {caption-side: bottom;color:#191970;font-weight: normal;font-size:11px;font-family: verdana,arial,helvetica,sans-serif;} .tbHeader1 {background: #AAAAFF;color: #FFFFFF;font-size:11px;font-weight: bold;padding: 6px;border:2px groove #C8C8F2;line-height: 1.5em;white-space: nowrap;font-family: verdana,arial,helvetica,sans-serif;} .tbSubHeader1 {background: #CCCCFF;color: #191970;font-size:11px;font-weight: bold;padding: 6px;border:2px groove #C8C8F2;line-height: 1.5em;white-space: nowrap;font-family: verdana,arial,helvetica,sans-serif;} .tdCss1 {padding: 4px;}
Fuente:
http://www.webusable.com/tablesCss.htm