ホームページ > ウェブフロントエンド > フロントエンドQ&A > CSSで表の最初の行の色を設定する方法

CSSで表の最初の行の色を設定する方法

藏色散人
リリース: 2021-11-10 11:44:10
オリジナル
5633 人が閲覧しました

CSS でテーブルの最初の行の色を設定する方法: 1. 新しい HTML ファイルを作成します; 2. table タグを使用して 3 行 2 列のテーブルを作成します; 3. css タグで、id を使用してテーブルのスタイルを設定します。4. id と ":first-child" セレクターを使用してテーブルの最初の行を選択し、背景色を設定します。

CSSで表の最初の行の色を設定する方法

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

色の設定方法テーブルの最初の行をCSSで?

test.html という名前の新しい HTML ファイルを作成し、CSS を使用してテーブルの最初の行に背景色を追加する方法を説明します。

CSSで表の最初の行の色を設定する方法

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

CSSで表の最初の行の色を設定する方法

test.html ファイルで、table タグの ID を mytest に設定します。

CSSで表の最初の行の色を設定する方法

css タグで、ID を使用してテーブルのスタイルを設定し、幅を 320 ピクセル、高さを 120 ピクセルとして定義します。

CSSで表の最初の行の色を設定する方法

css タグで、id および ":first-child" セレクターを使用してテーブルの最初の行を選択し、background 属性を使用してその色を青に設定します。そして文字の色は白です。

CSSで表の最初の行の色を設定する方法

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

CSSで表の最初の行の色を設定する方法

推奨ビデオ: 「css ビデオ チュートリアル

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

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