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

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.