Comment puis-je ajouter une bordure inférieure à chaque ligne d'un tableau HTML ?

Ajout d'une bordure aux lignes du tableau

Lorsque vous travaillez avec des tableaux HTML, vous pouvez rencontrer le besoin d'ajouter une bordure au bas de chaque ligne. Cependant, tenter de le faire en utilisant des styles en ligne ou des règles CSS directes peut s'avérer inefficace.

Pour obtenir cet effet souhaité, il est crucial d'incorporer l'attribut border-collapse: Kollap dans votre CSS. Cet attribut réduit les bordures partagées entre les cellules adjacentes, ce qui donne une disposition de tableau plus propre et plus structurée. En appliquant cet attribut à la règle du tableau, la règle CSS pour la bordure inférieure prendra effet comme prévu.

Exemple :

table {
  border-collapse: collapse;
}

tr {
  border-bottom: 1pt solid black;
}

Cela garantira que chaque La ligne du tableau comporte une bordure noire unie en bas, ce qui améliore l'attrait visuel et l'organisation de vos données tabulaires.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!