Comment mettre un espace entre deux rangées dans une table d'amorçage

Zoe Martinez
Comment mettre un espace entre deux rangées dans une table d'amorçage

Les tables sont les composants qui aident à organiser les données. Bootstrap fournit plusieurs classes utilisées pour créer différentes tables, telles que «Table sans frappe"Ce qui crée une table sans bordure,"noir de table"Qui est utilisé pour créer une table de couleur foncée,"de table bordée”Utilisé pour faire des tables avec des frontières, et bien d'autres. Plus précisément, le «bordel à la frontière" et "espacement des frontières»Les propriétés sont utilisées pour ajouter de l'espace entre les lignes de table.

Cet article décrira:

    • Comment créer une table bordé de bootstrap?
    • Comment ajouter de l'espace entre les rangées de table en bootstrap?

Comment créer une table bordée en bootstrap?

La table bordenée est créée en utilisant le

élément avec la classe «bordenée de table». Voici les instructions pour créer un tableau:

    • Tout d'abord, ajoutez le "
"Tag avec le"tableau" et "de table bordée" Des classes.
  • Le "»La balise est utilisée pour créer la partie d'en-tête et le« «
    • ”La balise est utilisée pour spécifier la partie du corps.
  • Le "
    • »Tag crée des lignes de la table, le«
    ”Tag ajoute des titres et le"»TAG inclut les données de table.

    Html


















    Des nomsProfession
    JohnIngénieur logiciel
    OliverProfesseur


    Sortir

    Comment ajouter de l'espace entre les rangées de table en bootstrap?

    Pour ajouter des espaces entre les lignes de table, le CSS "bordel à la frontière" et "espacement des frontières»Des propriétés sont utilisées. La propriété CSS «border-colapsecd» avec la valeur attribuée comme «séparé”Maintient la bordure de table séparée. Tandis que la propriété «d'espacement des bordures» ajoute de l'espace entre les frontières.

    Classe de style «table»

    .tableau
    Border-Collapse: séparé;
    Espacement des bordures: 0 2px;


    Comme vous pouvez le voir dans l'image ci-dessous, les espaces entre les lignes de table ont été ajoutés avec succès:


    C'est ainsi que vous pouvez mettre un espace entre les lignes dans la table de bootstrap.

    Conclusion

    Pour ajouter des espaces entre les lignes de table, créez d'abord un tableau à l'aide du

    élément. Ajoutez la «table» et «de table bordée«Classes au«
    «Élément pour lui fournir des styles et des frontières généraux, respectivement. Ensuite, ajoutez les espaces entre les lignes à l'aide du CSS "espacement des frontières" propriété. Cette propriété fonctionne avec le «bordel à la frontière«Propriété ayant une valeur« séparée ». Cet article a décrit comment mettre de l'espace entre les lignes dans la table de bootstrap.

    c Sharp
    Différence entre == opérateur et méthode égale en C #?
    La fonction equals () compare la valeur de deux variables ou objets, tandis que l'opérateur '==' com...
    Pauline Giraud
    c Sharp
    Comment utiliser l'héritage en C #
    L'héritage permet à une classe de hériter des propriétés et des méthodes d'une autre classe. Il perm...
    Mohamed Benoit
    php
    Comment utiliser pendant la boucle en php?
    La boucle while est un concept crucial utilisé pour exécuter un bloc de code à plusieurs reprises ju...
    Sarah Roux