Deux façons d'obtenir une bordure fine de 1 px en utilisant l'espacement des bordures et l'espacement des cellules en CSS

Après avoir appris le tableau, je trouverai à chaque fois deux bordures, ce qui n'est pas agréable à l'œil. Si la bordure est définie sur 0, ce n'est pas bon. Alors comment faire un tableau avec des bordures fines ? Il s'agit d'environ 1px Après avoir consulté les informations pertinentes, j'ai trouvé deux façons de résoudre ce problème, comme suit :

La première méthode :

#message{border-collapse:collapse;border:1px solid red;}
#message th,#message td{border:1px solid red;}
<table id=”message”>
<tr>
<th>出生年月</th>
<td>1989年1月22号</td>
</tr>
<tr>
<th>性别</th>
<td>男</td>
</tr></table>

. Deuxième méthode :

#message{border-spacing:1px;background:red;}
#message tr{background:purple;}
..........
..............
................

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!