Titre

Remplacer border 1 en CSS pour un tableau

Avoir l'équivalent de table border 1 en CSS

On peut retourner les paramètres css dans tous les sens pour une balise <table>, mais ces paramètres :

Lien vers le fichier : cliquez ici

Ne permettent pas de bien délimiter les colonnes. Seul le contour du tableau apparait :

Le code html un peu plus complet pour exposer l'exemple :

Lien vers le fichier : cliquez ici

En réalité il faut faire un complément et jouer avec les paramètres de la balise <td> où l'on prendra soin de modifier les paramètres CSS de border avec par exemple

border: 1px solid;

Et comme vous aurez de nombreuses balises <td> à modifier, il faut changer le paramètre de manière globale avec comme par exemple ici une façon mixte un peu "bâtarde" :

Lien vers le fichier : cliquez ici

Résultat :

Ici on voit bien la différence qu'il y a quand on joue ou non sur les paramètres CSS de la balise <td>

Le code html qui va avec.

Ici on a placé le second tableau dans une balise div et on a indiqué dans les paramètres CSS que seul les balises <td> contenus dans la balise div voulue étaient affectés :

Lien vers le fichier : cliquez ici