HTML/CSSで背景色を変更する方法

HTML要素に背景色を追加するには、CSSプロパティbackground-colorを使用できます。。

次のHTMLマークアップがあり、<body>に背景色を追加するとします。要素：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Changing background color in HTML/CSS</title>
</head>
<body>    
    <h1>Here's an awesome website!</h1>
</body>
</html>

背景色を追加する最も簡単な方法は、内部の<style>を作成することです。 HTMLドキュメントの要素。

<head>内 HTMLの要素で、<style></style>のセットを作成しますタグ。次に、<style>に背景色のCSSスタイルルールを追加できます。要素。

<head>
    <meta charset="UTF-8">
    <title>Changing background color in HTML/CSS</title>    
    <style>
        body {
            background-color: #78a8eb;
        }
    </style>
</head>

このHTMLおよびCSSコードは、次のようなWebページになります！

色の表記

#78a8eb background-colorの値プロパティは、16進数とも呼ばれる16進表記で記述されます。これは、赤、緑、および青のチャネルごとにそれぞれ文字のセットで色を表します。文字の範囲は0から9までで、次に文字AからFまでです。ゼロ（0）が最小値で、Fが最大値です。

他の表記法を使用してCSSで色を表すこともできます。

たとえば、機能表記では、色はrgba()のようにフォーマットされます。。この例では、背景色は次のように記述されます。

background-color: rgb(120, 168, 235);

または、HSL（色相、彩度、明度）表記では、次のように記述されます。

background-color: hsl(215, 74%, 70%);

最近のブラウザでは、これら3つの色の書き方のいずれも受け入れられます。

非推奨のメソッド（使用しないでください）

以前のバージョンのWeb標準では、人々はbgcolorを使用していました。 HTMLタグ自体に16進色のプロパティ：

<body bgcolor="#78a8eb" ></body>

ただし、これは背景色を設定する古い方法です。これはもう使用しないでください。色を制御するCSSスタイルの記述に固執するだけです。

HTML/CSSで段落テキストをインデントする方法

z-indexが機能しない4つの理由（およびそれを修正する方法）

iOSでノートの背景色を変更する方法
iOSでメモアプリを使用している場合は、デバイスの設定に基づいて無地の背景を使用することを嫌うでしょう。ライトモードを有効にしている場合、ダークモードを使用している間は明るい背景と暗い背景が表示されます。ただし、iOSではメモの背景色を簡単に変更できます。これがその方法です。注：Notesアプリで別のバックグラウンドを有効にするには、デバイスが少なくともiOS 13 /iPadOS13以降を実行していることを確認する必要があります。そうでない場合は、続行する前にデバイスを最新のファームウェアに更新してください。特定のメモの背景を変更する 1.デバイスでNotesアプリを開きます。
Microsoft Word で背景色を変更する方法
Microsoft Word は、ドキュメントの作成とデザインに使用される有名なプラットフォームです。世界中の人々が Word を使用して、履歴書、契約書、レポート、課題、およびその他の専門的または非専門的なドキュメントを作成しています。ドキュメントを提示および表示するこのデジタルな方法は、紙に書き留めるよりも時間を節約し、迅速な方法でもあります。また、フォントサイズ、タイプ、ドキュメントへの画像の追加、表の挿入、グラフィックなど、ユーザー向けの無数の機能も備えています。それだけでなく、Microsoft Word で背景色を変更することもできます。同じことについてのヒントを探している方のため