J'essaie de comprendre comment ajouter une bordure uniquement à l'intérieur du tableau. Quand je fais:
table {
border: 0;
}
table td, table th {
border: 1px solid black;
}
La bordure est autour de l'ensemble du tableau et également entre les cellules du tableau. Ce que je veux réaliser, c'est d'avoir une bordure uniquement à l'intérieur du tableau autour des cellules du tableau (sans bordure extérieure autour du tableau).
Voici le balisage que j'utilise pour les tableaux (même si je pense que ce n'est pas important):
<table>
<tr>
<th>Heading 1</th>
<th>Heading 2</th>
</tr>
<tr>
<td>Cell (1,1)</td>
<td>Cell (1,2)</td>
</tr>
<tr>
<td>Cell (2,1)</td>
<td>Cell (2,2)</td>
</tr>
<tr>
<td>Cell (3,1)</td>
<td>Cell (3,2)</td>
</tr>
</table>
Et voici quelques styles de base que j'applique à la plupart de mes tableaux:
table {
border-collapse: collapse;
border-spacing: 0;
}