Comment spécifiez-vous le rembourrage de table dans CSS

Comment spécifiez-vous le rembourrage de table dans CSS
Le tableau est un élément important de HTML qui est utilisé pour organiser et gérer les données sous forme de lignes et de colonnes. Il suit un flux en forme de graphique et peut stocker des images, des statistiques et des données personnelles. De plus, les utilisateurs peuvent styliser le «”Element en appliquant plusieurs propriétés CSS. Par exemple, la définition du rembourrage à l'intérieur des cellules de la table et bien d'autres.

Ce message montrera:

  • Comment faire une table en html?
  • Comment spécifier un rembourrage de table dans CSS?

Comment faire une table en html?

Pour créer / faire une table en HTML, essayez la procédure indiquée.

Étape 1: Créer un conteneur «div»
Tout d'abord, créez un «div«Contaiteur avec l'aide du«»Tag et attribuez-lui un attribut de classe avec un nom particulier.

Étape 2: faire la table
Ensuite, utilisez le «

”Élément avec le"contenu”Classe pour créer une table à l'intérieur du div.

Étape 3: Ajouter des lignes de table
Maintenant, insérez l'élément suivant entre le «

”Tag pour fabriquer des cellules de table et intégrer des données:

  • "
»La balise est utilisée pour spécifier les lignes du tableau.
  • Après cela, ajoutez le "
  • ”Tags pour définir une cellule d'en-tête.
  • "
  • "Tag entre le premier"
    «Est utilisé pour ajouter les cellules de données dans le tableau:










    Nom Comte
    Hafsi ROYAUME-UNI
    Edward Inde
    Bella Etats-Unis
    Lapin Pakistan
    Jack Afrique
    Marier Bangladesh
    Jazzy Singapour
    Jenny L'Iran

    On peut observer que le tableau a été créé avec succès:

    Comment spécifier un rembourrage de table dans CSS?

    Pour spécifier le rembourrage de table ou l'espacement, vous pouvez utiliser diverses propriétés CSS, y compris «espacement des frontières","espacement des cellules", et "pading de cellules". Ce sont des méthodes valables pour produire l'espace.

    Pour spécifier un rembourrage de table dans CSS, suivez les instructions données.

    Étape 1: Élément de style «div»
    Tout d'abord, accédez au «div"Conteneur à l'aide de l'attribut de classe attribué".div". Ensuite, appliquez les propriétés CSS indiquées ci-dessous:

    .Div principal
    marge: 20px 150px;
    Color d'arrière-plan: bisque;
    Border: 4px en pointillé bleu;

    Ici:

    • "marge”Est ​​utilisé pour spécifier l'espace vide à l'extérieur de la limite de l'élément.
    • "Couleur de l'arrière plan”Est ​​utilisé pour définir la couleur d'arrière-plan de l'élément.
    • "frontière”Définit une frontière autour de l'élément.

    Sortir

    Étape 2: Réglez le rembourrage de la table
    Pour régler le rembourrage de table, accédez au «tableau.contenu" classe. Après cela, appliquez les propriétés CSS codées ci-dessous:

    tableau.contenu
    Border: 5px RVB solide (228, 15, 15);
    Espacement des frontières: 12px;
    marge: 50px 150px;
    Color en arrière-plan: RVB (247, 209, 139);

    Ici le "espacement des frontières»La propriété est utilisée pour régler la distance ou l'espace entre les bordures et les cellules adjacentes dans le tableau.

    Comme vous pouvez le voir, le rembourrage de table a été ajouté:

    Étape 3: cellules de données de table de style
    Afin d'appliquer CSS sur un élément spécifique de la table, accédez d'abord avec la classe de table comme «tableau.contenu"Et le nom de la balise d'élément comme"TD»:

    tableau.Content TD
    Border: RVB solide (233, 36, 10) 1px;

    Selon l'extrait de code donné, nous avons appliqué le «frontière»Propriété sur les cellules de données:

    Il s'agissait de spécifier le rembourrage de table dans CSS.

    Conclusion

    Pour spécifier le rembourrage de table, créez d'abord une table à l'aide du «

    " étiqueter. Ensuite, accédez à la table dans CSS en utilisant le nom de la balise et la classe attribuée. Après cela, appliquez le «espacement des frontières”Propriété sur la table pour ajuster l'espace entre les bordures des cellules adjacentes. Ce message a expliqué la procédure de spécification du rembourrage de table dans CSS.