Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Sauvegarder le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <style> table { largeur:100%; } table, th, td { bordure: 1px solide noir; border-collapse: collapse; } th, td { padding: 15px; text-align: gauche; } #t01 tr:nth-child(even) { couleur de fond: #eee; } #t01 tr:nth-child(odd) { background-color: #fff; } #t01 th { font-weight: bold; text-align: left; } couleur-de-fond: noir; couleur: blanc; } </style> </head> <body> <h2>Styliser les tableaux</h2> <table> <tr> <th>Prénom</th> <th>Nom de famille</th> <th>Âge</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>80</td> </tr> </table> <br> <table id="t01"> <tr> <th>Prénom</th> <th>Nom de famille</th> <th>Âge</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>80</td> </tr> </table> </body> </html>