ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS テーブルの境界線を設定するにはどのようなプロパティが使用されますか?

CSS テーブルの境界線を設定するにはどのようなプロパティが使用されますか?

(*-*)浩
リリース: 2019-11-28 14:29:39
オリジナル
5328 人が閲覧しました

CSS テーブルの境界線を設定するにはどのようなプロパティが使用されますか?

テーブルの境界線

CSS でテーブルの境界線を設定する必要がある場合は、border 属性を使用してください。 (推奨学習: CSS 入門チュートリアル )

次の例では、table、th、td に青色の枠線を設定します。

<html>
<head>
<style type="text/css">
table,th,td
{
border:1px solid blue;
}
</style>
</head>

<body>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Bill</td>
<td>Gates</td>
</tr>
<tr>
<td>Steven</td>
<td>Jobs</td>
</tr>
</table>
</body>
</html>
ログイン後にコピー

Note上の例の表には二重線の境界線があることがわかります。これは、table、th、td 要素に独立した境界線があるためです。

テーブルを単一線の境界線として表示する必要がある場合は、border-collapse 属性を使用してください。

以上がCSS テーブルの境界線を設定するにはどのようなプロパティが使用されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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