ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSでborder-spacingとcellspacingを使用して1pxの細い境界線を実現する2つの方法

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

黄舟
リリース: 2017-06-30 10:06:21
オリジナル
3456 人が閲覧しました

表を学習した後、枠線を 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート