Colorare righe di tabella a coppie

**sheba75** · 17-03-2013, 22:55

Ciao a tutti,
ho una tabella con questa struttura (riporto solo il thead perchè poi le righe hanno lo stesso concetto):

<thead>
<tr style="background-color: #FFFFFF">
<th style="width: 200px">Denominazione</th><th style="width: 80px">Scad. Serv.</th><th style="width: 180px">Tipo Servizio</th>
<th style="width: 80px">Ultimo D.A.</th><th style="width: 80px">Scad.C.M.</th><th rowspan="2" style="width: 50px">Dett</th>
</tr>
<tr style="background-color: #FFFFFF">
<th style="width: 200px">e-mail</th><th style="width: 80px">Data Recall</th><th style="width: 180px">Stato Recall</th>
<th style="width: 80px">Ultimo D.W.</th><th style="width: 80px">Cellulare</th>
</tr>
</thead>

Come faccio tramite css a colorare le righe a coppie di due alternate?
Cioè: Bianco-Bianco / Grigio-Grigio / Bianco-Bianco ?

Grazie

**carlomarangoni** · 18-03-2013, 00:58

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>

<style type="text/css">
.bianco {
	background-color: #FFF;
}
.grigio {
	background-color: #999;
}
</style>
</head>

<body>
<table width="200" border="0" cellspacing="0" cellpadding="0">
  <tr class="grigio">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr class="grigio">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr class="bianco">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr class="bianco">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr class="grigio">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr class="grigio">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr class="bianco">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr class="bianco">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr class="grigio">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr class="grigio">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>
</body>
</html>

Discussione: Colorare righe di tabella a coppie

Strumenti discussione

Ricerca discussione

Visualizza

Colorare righe di tabella a coppie

Permessi di invio