Ajout de rembourrage aux cellules de table bootstrap - CSS
L'un des principaux composants du développement Web est le tableau. Il affiche les données sous forme tabulaire sur un site Web. Si les données de la table des cellules sont trop courtes ou trop longues, cela peut rendre le tableau inégal. Afin de corriger cela, le «rembourrage»La propriété est utilisée pour les cellules de la table.
Ce message décrira:
- Comment ajouter un rembourrage aux cellules de table bootstrap?
- Comment ajouter un rembourrage aux cellules de table bootstrap en utilisant CSS?
- Comment ajouter un rembourrage à la table?
Préalable: créez une table
Pour créer une table, suivez les étapes mentionnées ci-dessous:
- Tout d'abord, utilisez le «
»Tag et attribuez-le le«tableau" et "à rayures" Des classes.
- Dans le «
»Élément, spécifiez la partie d'en-tête en utilisant le«" élément.
- À l'intérieur, créez une ligne "
«Des titres en utilisant le« " Mots clés. - Ensuite, créez la section du corps de la table en utilisant le «" élément.
- Enfin, créez des lignes de données en utilisant le «
"Tag et" " Mots clés. Html
Nom Cours Score Jake Génie logiciel 90 Tina Introduction à Java 80 John Systèmes informatiques 89 Sortir
Comment ajouter un rembourrage aux cellules de table bootstrap?
Une façon d'ajouter un rembourrage dans les cellules de la table est d'utiliser les classes de rembourrage de bootstrap. Ceux-ci inclus "p- *","px- *","py- *", et beaucoup plus.
Exemple
Dans l'exemple en cours, utilisez le «PX-5”Classe pour ajouter un rembourrage à gauche et à droite des titres:
Nom Cours Score Sortir
Comment ajouter un rembourrage aux cellules de table bootstrap en utilisant CSS?
CSS offre le moyen le plus simple d'ajouter un rembourrage dans chaque cellule de la table en utilisant le «rembourrage" propriété. Voici un exemple qui montre comment ajouter un rembourrage à chaque cellule de table:
.Table TD
rembourrage: 30px;Sortir
Jusqu'à présent, nous avons discuté de la façon d'ajouter un rembourrage aux cellules de table. Dans la partie à venir, vous apprendrez à ajuster le rembourrage à la table.
Comment ajouter un rembourrage à la table?
Dans CSS, ajoutez les propriétés ci-dessous au «tableau" classe:
.tableau
Border: 2px Solid Darkcyan;
Border-Collapse: séparé;
rembourrage: 20px;Ici:
- "frontière»La propriété ajoute une bordure à l'élément.
- "bordel à la frontière"Avec la valeur"séparé»Ajoute une bordure séparée autour de la table.
- "rembourrage"Ajoute de l'espace autour du contenu de la table.
Sortir
Nous avons compilé les méthodes pour ajouter un rembourrage aux cellules de table bootstrap.
Conclusion
Il existe plusieurs façons d'ajouter un rembourrage aux cellules d'une table d'amorçage. Il s'agit notamment d'utiliser les classes de rembourrage, comme «p- *","px- *", et "py- *". Plus précisément, le rembourrage peut également être ajouté à l'aide de CSS "rembourrage" propriété. Cet article a expliqué comment ajouter un espace de rembourrage aux cellules de table bootstrap.
- Dans le «