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> 

Colonna1 Colonna2
Dato1 Dato2

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>

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *