Hidran's Blog

Hidran Arias: Un cubano in Italia, ingegnere, musico, poeta e loco!

Come 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>