CSSでテーブルの行を設定する方法

藏色散人
リリース: 2023-01-05 16:07:30
オリジナル
4324 人が閲覧しました

CSS でテーブル行を設定する方法: 最初に新しい HTML ファイルを作成し、次に table タグを使用して 2 行 2 列のテーブルを作成し、次にテーブル table の ID を testable に設定します。 border 属性を使用してテーブルの線を 1px に設定します。赤い線で十分です。

CSSでテーブルの行を設定する方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

test.html という名前の新しい HTML ファイルを作成し、CSS を使用してテーブルの線の色を制御する方法を説明します。

CSSでテーブルの行を設定する方法

test.html ファイルで、table タグを使用して、テスト用に 2 行 2 列のテーブルを作成します。

CSSでテーブルの行を設定する方法

test.html ファイルで、テーブル table の ID を testable に設定します。これは主に、以下のスタイルを設定するために使用されます。

CSSでテーブルの行を設定する方法

test.html ファイルに、 タグを記述します。 page このタグ内にCSSスタイルを記述します。

CSSでテーブルの行を設定する方法

css タグで、id を使用してテーブルの外枠とセル スタイルを設定し、border 属性を使用してテーブルの線を 1 ピクセルの赤い線に設定します。

CSSでテーブルの行を設定する方法

test.html ファイルをブラウザで開き、効果を確認します。

CSSでテーブルの行を設定する方法

[推奨学習: css ビデオ チュートリアル]

以上がCSSでテーブルの行を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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