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, th, td { bordure: 1px solide noir; border-collapse: collapse; } th:nth-child(even),td:nth-child(even) { couleur de fond: #D6EEEE; } </style> </head> <body> <h2>Table Rayée</h2> <p>Pour les tables à rayures zébrées, utilisez le sélecteur nth-child() et ajoutez une couleur de fond à toutes les lignes de table paires (ou impaires) :</p> <table style="width:100%"> <tr> <th>MON</th> <th>MARDI</th> <th>MER</th> <th>JEU</th> <th>VEN</th> <th>SAT</th> <th>SOLEIL</th> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> </body> </html>