Comment écrire un code CSS au code HTML pour créer une table comme suit:
Différentes couleurs pour la colonne alternative et la rangée
Merci beaucoup
4 Réponses :
Vous pouvez utiliser le sélecteur CSS-Sélecteur Nth-enfant. Ce sélecteur sélectionne par exemple la deuxième ligne.
table tr:nth-child(2) td:nth-child(2){
background: red;
}
Le style sera mis en œuvre sur la base de la TD et des lignes bleues rouges, vous pouvez ajouter de la classe à (TR) ou vous pouvez utiliser Nth-enfant avec numéro sur TR: TR: NTH-Child (6)
tr TD: Nth-enfant (même) {Fond: rouge;}
TR TD: Nth-enfant (impair) {Fond: rose;}
Cette question a été résolue en définissant la colonne en bleu bleu et bleu clair, puis utilisez le sélecteur CSS comme suit:
table.tb1 tr:nth-child(10n+0),tr:nth-child(10n+1),tr:nth-child(10n+2),tr:nth-child(10n+3),tr:nth-child(10n+4){background: pink; }
table.tb1 tr:nth-child(10n+0) td:nth-child(2n+1){background: red;}
table.tb1 tr:nth-child(10n+1) td:nth-child(2n+1){background: red;}
table.tb1 tr:nth-child(10n+2) td:nth-child(2n+1){background: red;}
table.tb1 tr:nth-child(10n+3) td:nth-child(2n+1){background: red;}
table.tb1 tr:nth-child(10n+4) td:nth-child(2n+1){background: red;}
Cette question a été résolue en définissant la colonne en bleu bleu et bleu clair, puis utilisez le sélecteur CSS comme suit:
table.tb1 tr: nième enfant (10n + 0), TR: Nth-enfant (10n + 1), TR: NT-Child (10n + 2), TR: Nth-Child (10n + 3), TR: NTH-Child (10n + 4) {Fond: Rose; }
table.tb1 tr: nième enfant (10n + 0) TD: Nth-enfant (2n + 1) {Fond: #ffdb;}
table.tb1 tr: nième enfant (10n + 1) TD: Nth-enfant (2n + 1) {Fond: #ffdb;}
table.tb1 tr: nième enfant (10n + 2) TD: Nth-enfant (2n + 1) {Fond: #ffdb;}
TABLEAU.TB1 TR: NTH-ENFANT (10N + 3) TD: NT-ENFANT (2N + 1) {Contexte: #ffdb;}
table.tb1 tr: nième enfant (10n + 4) TD: Nth-enfant (2n + 1) {Fond: #ffdb;}