TABLE sans bordures verticales

Question

Je voudrais que mon tableau HTML montre uniquement les bordures horizontales des cellules. Existe-t-il un moyen de masquer les limites verticales des cellules?

Answer 1

Vous pouvez ajouter des lignes de bordure strictement horizontales en stylant les balises tr via CSS.

Exemple CSS:

tr {
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    border-collapse: collapse;
}​

Bien sûr, vous pouvez utiliser n’importe quel style/largeur/couleur de bordure de votre choix.

JS Fiddle: http://jsfiddle.net/XPyzM/

Answer 2

En supposant que vous utilisez l’ancien <table border="1">, rendez-le <table border="1" rules="rows">.

Answer 3

table, th, td {
  border-left: none;
  border-right: none;
}

Answer 4

<style>
  td {border-left: 1px solid black;}
</style>

Answer 5

th, td {
  border-bottom: 1px solid #ddd;
}

voir https://www.w3schools.com/css/css_table.asp