カスケードスタイルシートを使用して背景色を制御する方法

四月 30, 2024

カスケードスタイルシートを使用して、Webページ全体およびWebページ上の個々の要素の背景の色を制御できます。 Webページの背景色を白に設定し、段落（個々の要素）の背景色を赤に設定する例を見てみましょう。

基本的なCSSコード

例

セレクター

体
p

この例には2つのCSSルールがあります。 HTMLタグ内の本文は、最初のルールのスタイルをWebページ全体の背景に適用するようにブラウザーに指示するセレクターです。 HTMLのp

タグは、Webページの段落（要素）に2番目のルールを適用するようにブラウザーに指示します。

プロパティ

背景色

background-colorは、スタイルによって制御されている属性です。この例では、Webページと段落の両方にbackground-color属性が設定されています。プロパティ名background-colorの後にはコロン（:)が続きます。

値

#ffffff
赤

コロンの右側には、背景色の値があります。この例では、最初のルールでは白の16進コード（#ffffff）が使用され、2番目のルールでは赤（赤）の色名が使用されています。背景色を透明にする場合は、RGBカラーコードを使用するか、値を透明に設定することもできます。

背景色：透明
背景色：rgb（255,0,0）

動画の説明: obnizとボタンでWebの背景色を変える (四月 2024).

カスケードスタイルシート、HTML、背景色、背景色CSSを使用して背景色を制御する方法、CSSで背景色を設定する方法、カスケードスタイルシートで背景色を設定する方法、CSSの開始、カスケードスタイルシートの開始、何カスケードスタイルシート、CSSとは何か、CSSの使用方法、CSSのタイプ、カスケードスタイルシートのタイプ、コントロールth