Comment changer la couleur d'une table rayée en bootstrap?
Bootstrap fournit plusieurs classes pour créer des tables stylisées. Par exemple, le «de table bordée«La propriété peut être utilisée pour créer une table avec une bordure,«Table sans frappe"Pour une table sans bordure,"noir de table«Pour une table avec une couleur gris foncé, et plus. Plus précisément, le «à rayures«Est une telle classe qui crée une table avec un motif de rayures zébrés.
Cet article décrira comment changer la couleur de la table à rayures en bootstrap.
Préalable: Créez une table rayée en bootstrap
Le "à rayures"La classe crée une table rayée en bootstrap. La table à rayures se réfère à la table avec le déshabillage du zèbre appliqué à la rangée de table. Le décapage du zèbre est spécifié comme le «rgba (0, 0, 0, .05)”Couleur, et il est appliqué sur les lignes de table étrange. Cependant, en utilisant CSS, vous pouvez également modifier cette couleur, qui sera couverte plus tard.
Exemple
Cet exemple montre comment créer une table rayée en bootstrap:
- Tout d'abord, ajoutez un "
”Tag qui est utilisé pour créer une table. Attribuez le «tableau" et "à rayures«Classes au«
»Élément pour créer une table rayée.
- Il se compose de deux parties, d'en-tête et de corps, spécifiées à l'aide du «" et "»Tags, respectivement.
- "
»Crée les lignes de table. - "
»Tags spécifie les en-têtes. - "
»Tags ajoutent les données de table. Voici le code HTML:
S.Non Prénom Nom de famille Score 1 Diane Oliver 90 2 James Liam 89 3 Lucas William 78 Sortir
Jusqu'à présent, nous avons vu comment utiliser la classe bootstrap "à rayures«Pour créer une table rayée. Maintenant, dirigez-vous vers la section suivante pour modifier la couleur de la table rayée à l'aide de CSS.
Comment changer la couleur d'une table rayée en bootstrap?
Suivant l'exemple en cours, écrivez le code suivant dans le fichier CSS:
.Table à rayures> TBODY> TR: NTH-CHILD (ODD)> TD,
.Table à rayures> tbody> tr: nth-child (Odd)> th
Color en arrière-plan: RVB (118, 187, 189);Selon l'extrait de code donné:
- Tout d'abord, mentionnez le nom de classe «à rayures". Ensuite, accédez aux données et en titres de la table impair dans le «" partie.
- Le "nième enfant (n)«Le sélecteur est utilisé pour sélectionner le nième enfant du parent où«n"Peut être n'importe quelle formule ou mot-clé comme"même" ou "impair".
- Enfin, définissez le «Couleur de l'arrière plan" en utilisant le "RGB ()" fonction. Ce style remplacera le «à rayures"Style de la classe.
Sortir
De cette façon, vous pouvez modifier la couleur d'une table à rayures bootstrap.
Conclusion
Amorcer "à rayures"La classe est utilisée pour faire une table rayée. Il a un style CSS prédéfini, "Couleur de l'arrière plan«Propriété avec la valeur»rgba (0, 0, 0, .05)"Sur les rangées de table étrange du"" section. Cependant, vous pouvez ajuster la couleur de la table à rayures à l'aide de CSS. Ce message a démontré la méthode pour modifier la couleur d'une table rayée en bootstrap.
- « Comment corriger l'erreur «Git Fatal n'a pas pu lire dans le référentiel distant»?
- Comment corriger «Code Top 10 d'erreur Windows a arrêté cet appareil car il a signalé des problèmes»? »
- Il se compose de deux parties, d'en-tête et de corps, spécifiées à l'aide du «" et "»Tags, respectivement.