ciao io per le tabelle uso questo css
codice:
@charset "utf-8";
/* CSS Document */

#itsthetable table a:link {color: #CC6633;}
#itsthetable table a:visited {color: #CC6633;}
#itsthetable table a:hover {color: #999966;}
#itsthetable table a:active {color: #CC6633;}
#itsthetable table a:focus{color: #CC6633;}


#itsthetable table caption {
		padding: 18px 2px 15px 2px;
		color: #cfcfcf;
		background-color: inherit;
		font-weight: normal;
		text-align: centered;
		text-transform: capitalize;
		}

	#itsthetable table{
		width : 99%;
            
             border: 1px solid #D9D9D9;
	}
	#itsthetable table tr td{
		padding: 6px 9px;
		text-align:left;

	}
	#itsthetable table thead th{
		background-color: #006699;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #D9D9D9;
		font-weight: bold;
		text-align:center;
		padding: 16px 9px;
		color:#fff;
	}
	#itsthetable table tbody tr th{
		background-color: #fff;
		font-weight: normal;
		border-left: none;
		padding: 6px 9px;
		background-color: #E5E5D8;

	}
	#itsthetable table tbody td{
			border-left: 1px solid #D9D9D9;
                        text-align:center;
	}
	#itsthetable table tbody tr.odd{
		background-color: #F3F3F3;
               
	}
	
#itsthetable table tbody tr:hover {
	color: #ff0000;
	background-color: #E5E5D8;
}

#itsthetable table tbody tr.odd:hover {
        color: #fff;
	background-color: #006699;
}
	
	#itsthetable table tfoot td, #itsthetable table tfoot th{
		border-top: 1px solid #ccc;
		font-weight:bold;
		color:#592C16;
		padding: 16px 9px;
		
}
e nella pagina
codice:
<div id="itsthetable">
<table>
<caption>Titolo della tabella</caption>
<thead>
				<tr>
					<th scope="col">IMG</th>
					<th scope="col">Descrizione</th>
                                        <th scope="col">Scarica</th>
				</tr>
			</thead>	
			<tfoot>

				<tr>
					<th scope="row">Total</th>
					<td colspan="4">8 designs</td>
				</tr>
			</tfoot>

<tbody>
<tr class="odd">
<th scope="row">[img]img/01.gif[/img]</th>
<td>descrizionedescrizionedescrizionedescrizione</td>
<td>[img]img/download_pic.gif[/img]</td>
</tr>
<tr class="odd">
<th scope="row">[img]img/02.gif[/img]</th>
<td>descrizionedescrizionedescrizionedescrizione</td>
<td>[img]img/download_pic.gif[/img]</td>
</tr>
<tr class="odd">
<th scope="row">[img]img/03.gif[/img]</th>
<td>descrizionedescrizionedescrizionedescrizione</td>
<td>[img]img/download_pic.gif[/img]</td>
</tr>
<tr class="odd">
<th scope="row">[img]img/04.gif[/img]</th>
<td>descrizionedescrizionedescrizionedescrizione</td>
<td>[img]img/download_pic.gif[/img]</td>
</tr>
<tr class="odd">
<th scope="row">[img]img/01.gif[/img]</th>
<td>descrizionedescrizionedescrizionedescrizione</td>
<td>[img]img/download_pic.gif[/img]</td>
</tr>
<tr class="odd">
<th scope="row">[img]img/02.gif[/img]</th>
<td>descrizionedescrizionedescrizionedescrizione</td>
<td>[img]img/download_pic.gif[/img]</td>
</tr>
</tbody>
</table>
</div>
gli esempi li ho trovati su questo sito:
link