Je suis en train de design HTML/CSS qui peut mettre une bordure autour de lignes dans une table. Oui, je sais que je ne suis pas vraiment censé utiliser des tableaux pour la mise en page, mais je ne connais pas assez bien le CSS pour remplacer complètement encore.
De toute façon, j'ai un tableau avec plusieurs lignes et colonnes, certaines ont fusionné avec rowspan et colspan, et j'aimerais mettre une simple bordure autour des parties de la table. Actuellement, je suis à l'aide de 4 classes CSS (haut, bas, gauche, droite) que j'attache à l' <td> des cellules qui sont en haut, en bas, à gauche et à droite de la table, respectivement.
<html>
<head>
<style type="text/css">
.top {
border-top:thin solid;
border-color:black;
}
.bottom {
border-bottom:thin solid;
border-color:black;
}
.left {
border-left:thin solid;
border-color:black;
}
.right {
border-right:thin solid;
border-color:black;
}
</style>
</head>
<body>
<table cellspacing="0">
<tr>
<td>no border</td>
<td>no border here either</td>
</tr>
<tr>
<td class="top left">one</td>
<td class="top right">two</td>
</tr>
<tr>
<td class="bottom left">three</td>
<td class="bottom right">four</td>
</tr>
<tr>
<td colspan="2">once again no borders</td>
</tr>
<tr>
<td class="top bottom left right" colspan="2">hello</td>
</tr>
<tr>
<td colspan="2">world</td>
</tr>
</table>
</html>
Est-il un moyen plus facile de faire ce que je veux? J'ai essayé d'appliquer le haut et le bas d'un <tr> mais il ne fonctionne pas. (p.s. Je suis nouveau sur le CSS, il y a probablement vraiment une solution de base de ce que j'ai manqué.)
note: j'ai besoin d'avoir plusieurs bordé sections. L'idée de base est d'avoir plusieurs bordé clusters contenant chacun plusieurs lignes.
