Formatare una tabella usando CSS

Usando xhtml e css si ottiene un codice più pulito e più facile da mantenere perché basterebbe cambiare

il foglio di stile per ottenere lo stesso risultato:

<table id=”mytable”>

<tr>

   <th>Colonna1</th>

   <th>Colonna2</th>

< /tr>

<tr>

   <td>Dato1</td>

   <td>Dato2</td>

< /tr>

</table> 

Il css per ottenere lo stesso risultato sarebbe il seguente:

<style type="text/css">

 #mytable{

    width:350px;

   border-collapse:collapse;

   border:1px solid #c0c0c0;

   font-family:Tahoma,Verdana,sans-serif; font-size:85% ;

 }

#mytable td,#mytable th{

 margin:0;padding:2px;text-align:center ;

 }

#mytable th{

     background-color:#c0c0c0;

     color:#fff; font-weight:bold;

 }

#mytable td{

     background-color:#6699cc;

     color:#fff;  font-weight:normal;

 }

 </style>