Filoweb.it

Stile tabella colori alternati


FB TW G+ whatsapp RSS FEED
CSS
Stile tabella colori alternati


  <!DOCTYPE HTML>
<html>
<head>
<title>Pseudo-classi - Nth Child - Esempio -</title>
<style>
  table { border-collapse: collapse; width: 400px; border:1px solid; }
  th { background-color: #F2730A; text-align:left; }
  
  tr td { background-color: #DBEEF4; }
  tr:nth-child(odd) td { background-color: #EDF6FB; }
</style>
</head>
<body>
<table>
  <tr><th>Cognome</th><th>Nome</th><th>Eta</th></tr>
  <tr><td>Rossi</td><td>Mario</td><td>23</td></tr>
  <tr><td>Verdi</td><td>Luca</td><td>33</td></tr>
  <tr><td>Bianchi</td><td>Federica</td><td>24</td></tr>
  <tr><td>Ferrari</td><td>Luana</td><td>23</td></tr>
  <tr><td>Esposito</td><td>Giovanni</td><td>43</td></tr>
</table>
</body>
</html> 
FB TW G+ whatsapp RSS FEED

filoweb.it è il sito personale di Filippo Brunelli
(c) 2017 Filippo Brunelli
Le immagini ed i testi contenuti nel sito sono di proprietà di Filippo Brunelli salvo diversamente indicato.
L'uso delle immagini e del testo è gratuito per uso personale ed è subbordinato alla citazione della fonte.
Brunelli Filippo declina ogni responsabilità per l'uso che viene fatto delle informazioni presenti nel sito.
FILOWEB.it Piccolo quaderno degli appunti. Argomento: CSS, Titolo:Stile tabella colori alternati. Altri script riguardano: CSS, Jscript, .net, Classic Asp, HTML, Jquery, varie, url rewrite, pagina protetta da password, ecc. Altro su https://www.filoweb.it