Webページの背景とテキストの色を変更する方法

以下は、HTMLおよびCSSでWebページの背景色を変更する方法に関する手順です。 背景色はHTML BODYタグで設定できますが、以下のようにCSSで背景色の値を指定することをお勧めします。

ヒント:Webページ要素の色を定義するときは、HTMLカラーコードを使用する必要があります。 主要色については、カラーコードを使用する代わりにそれらの色の名前を指定することもできます。たとえば、それぞれの色コード値を使用する代わりに赤、青、緑、黒などを指定できます。

CSSの例

以下のCSSの例では、 "background-color:#000;"を追加することによって、本体の背景色を黒に設定しています。 ボディブロックで。 背景色は黒なので、テキストの色も変更する必要があります。そうしないと表示されません。 そのため、「color:#fff;」を追加してテキストの色を白に設定しています。 ブロックに。

 body {font-family:Helvetica、Arial、Sans-Serif。 背景色:#000。 色:#fff; } 

ページがCSSを使用していない場合、またはCSSに変換したくない場合は、以下の手順をHTMLコードのBODYタグで実行します。 ただし、前述のとおり、bodyタグの代わりに上記のCSSコードを使用することを強くお勧めします。 CSSスタイルを使用している場合は、背景色の値を一度変更すると、そのスタイルを使用してすべてのHTML要素に自動的に変更が適用されます。

HTMLボディタグの例

ごくまれに、CSSを使用できないことがあります。 そのような場合には、以下に示すように、HTMLのbodyタグ内に背景色、テキストの色、リンクの色などの値を定義することもできます。

以下はbodyタグの各HTML属性の説明です。

TEXT =テキストの色

LINK =リンクの色

VLINK =訪問したリンクの色。

ALINK =アクティブリンクの色、またはクリックしたときにリンクが変わる色。

BGCOLOR =ページの背景色

ヒント:上記のすべての値をわかりやすく説明するために、このページのリンクの色は青、アクセスしたリンクは紫色、ホバーまたはクリックしたリンクは赤です。