Bonjour à tous !
Puisque la question semble être posée plusieurs fois sur le forum CSS, voici une proposition pour la FAQ.
Question : Comment mettre une bordure entre chaque lignes d'un tableau ?
Réponse à la question :
Si l'on souhaite souhaite également mettre une bordure autour du tableau, il suffit de mettre la classe seperatedLine à sont tableau et copier ce code CSS :
Si l'on ne souhaite pas avoir de bordure autour de son tableau, il faut également ajouter une class 'last' à la dernière ligne de son tableau. Et utiliser ce code CSS à la place :
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 /* Règles par avoir une séparation entre chaque ligne */ table.seperatedLine { /* Mets une bordure autour de ton tableau */ border:1px solid #000; /* Supprime de la bordure du bas, qui est sera fait par la dernière ligne du tableau */ border-bottom: 0px; /* Supprime les marges entre les cellules */ border-spacing:0;} table.seperatedLine th, table.seperatedLine td { /* Mets une bordure en-dessous de chaque ligne, même la dernière */ border-bottom:1px solid #800000;}
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 /* Règles par avoir une séparation entre chaque ligne */ table.seperatedLine { /* Supprime les marges entre les cellules */ border-spacing:0;} table.seperatedLine th, table.seperatedLine td { /* Mets une bordure en-dessous de chaque ligne, même la dernière */ border-bottom:1px solid #800000;} table.seperatedLine td.last { /* Mets une bordure en-dessous de chaque ligne, même la dernière */ border-bottom:0px;}
Si vous avez des remarques, n'hésitez pas
Bonne journée à tous,
Thomas
Partager