Changer la couleur de l'en-tête de table à l'aide de bootstrap
Les tables sont les composants de HTML qui sont utilisés pour afficher des informations dans un format structuré. Bootstrap nous offre à changer très rapidement les couleurs des composants de la table. Cela peut être fait en utilisant simplement les classes de couleurs dans l'élément de table, comme le «danger de table”Classe qui applique une couleur rouge au composant de la table.
Ce message a expliqué la méthode pour modifier la couleur de l'en-tête de table à l'aide de bootstrap.
Préalable: créez une table
Tout d'abord, créez un tableau en suivant les étapes:
- Utilisez le «
»Élément pour créer une table.
- À l'intérieur de cet élément, ajoutez le "”Tag pour spécifier le titre. Créez une ligne en utilisant le "
"Tag et ajoutez le" ”Tag pour ajouter un titre. - Vient ensuite la partie du corps, le «»L'élément est utilisé pour spécifier le corps de la table.
- Dans le corps, créez des lignes pour les données. Par exemple, le premier «
"Ajoute une image, et la seconde" »L'élément ajoute la description pertinente. Voici le code HTML:
Image Nom de l'appareil Ordinateur portable casque de musique Micro de parole en public Sortir
On peut observer que le tableau a été créé avec succès. Maintenant, voyons comment ajuster la couleur de l'en-tête de la table dans la section suivante.
Comment changer la couleur de l'en-tête de table à l'aide de bootstrap?
La couleur de l'en-tête de table peut être modifiée à l'aide du «tableau-*"Classe, où l'astérisque"*»Symbolise la couleur. Par exemple, "noir de table"Pour la couleur gris foncé,"succès de table”Pour la couleur verte, et bien d'autres.
Voyons quelques exemples de couleur d'en-tête de table à modifier.
Exemple 1: Appliquez une couleur bleue sur l'en-tête de la table à l'aide de bootstrap
Ajouter le "Table-primaire”Classe pour appliquer la couleur bleue sur l'en-tête de la table:
Sortir
Exemple 2: Appliquez une couleur verte sur l'en-tête de la table à l'aide de bootstrap
Spécifie le "succès de table”Classe pour appliquer la couleur verte sur l'en-tête de la table:
Sortir
C'est ainsi que vous pouvez modifier la couleur du casque de table à l'aide de bootstrap.
Conclusion
Dans Bootstrap, la couleur de l'en-tête de table peut être modifiée à l'aide du «tableau-*" classe. Tout d'abord, créez le tableau à l'aide du HTML "
" élément. Ensuite, spécifiez le «”Tag pour l'en-tête et le"”Tag pour le corps de la table. Ajoutez la classe «Table- *» à la balise «» pour définir la couleur de l'en-tête, comme le «Table-primaire”Définit la couleur bleue, et bien d'autres. Cet article a expliqué comment créer une table et comment nous pouvons changer sa couleur d'en-tête à l'aide de bootstrap.
- « Clean Image Docker Build en utilisant «-no-cache»
- Bootstrap Text Warning Couleur avec des exemples de code »
- À l'intérieur de cet élément, ajoutez le "”Tag pour spécifier le titre. Créez une ligne en utilisant le "