Les tableaux encadrés TABLEAUX:Encadrement

Pour avoir un tableau encadré, ajoutez la classe .table-bordered à l’élément <table>.

Le dossier à télécharger pour cet exemple est nommé 6-Tableaux-04.

Voici le code HTML de cet exemple :

<table class="table table-bordered"> 
        ... 
</table> 

L’affichage du tableau avec sa bordure externe :

images/C06-004.png

Voici la propriété utilisée pour la bordure dans cette classe :

.table-bordered { 
        border: 1px solid #de2e6; 
} 

Vous pouvez obtenir un résultat similaire pour les tableaux sombre en ajoutant cette même classe : <table class="table table-bordered table-dark">.

Pour consulter la suite, découvrez le livre suivant :
couv_OW24BOO.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Les lignes en alternance
Suivant
Le survol des lignes