La création d’une table de style en CSS peut être effectuée de plusieurs manières. En voici une manière simple permettant de personnaliser les éléments de base tels que le texte, les bordures, l’arrière-plan et l’espacement.
1. Utilisez la balise ` \`\`\`
1. Définissez les styles de votre table. Vous pouvez définir des styles pour la table elle-même, ses lignes (tr), ses cellules de tête (th) et ses cellules de données (td).
Pour avoir une table avec une bordure, un espacement des cellules de 10px, et un alignement du texte à gauche: \`\`\` table { border: 1px solid black; border-collapse: collapse; } th, td { padding: 10px; text-align: left; } \`\`\`1. Vous pouvez également définir des styles pour les cellules de tableau spécifiques en utilisant les classes et les id.
Par exemple, si vous voulez une cellule de tableau avec un fond rouge, vous pourriez faire: \`\`\` .redCell { background-color: red; } \`\`\` Et ensuite dans votre HTML: \`\`\`1. Vous pouvez également utiliser les pseudo-classes CSS pour styliser certaines lignes de votre tableau. Par exemple, vous pouvez styliser toutes les lignes impaires d’une manière et les lignes paires d’une autre manière.
\`\`\` tr:nth-child(even) { background-color: #dddddd; } \`\`\`C’est tout ! Vous avez créé une table de style en CSS. N’oubliez pas de fermer votre balise de style (``) dans votre en-tête HTML une fois que vous avez terminé.
