CSSでborder-spacingとcellspacingを使用して1pxの細い境界線を実現する2つの方法

表を学習した後、枠線を 0 に設定すると毎回 2 つの枠線が表示され、見た目が良くありません。では、枠線が細い表を作成するにはどうすればよいでしょうか。関連情報を調べた結果、この問題を解決するには次の 2 つの方法が見つかりました:

1 つ目の方法:

#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>

2 つ目の方法:

rree

以上がCSSでborder-spacingとcellspacingを使用して1pxの細い境界線を実現する2つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。