CSS の背景プロパティは、要素の背景効果を定義するために使用されます。 HTML 要素に影響を与える CSS 背景プロパティが 5 つあります。

1. 背景色
2. 背景画像
3. 背景リピート
4. 背景添付ファイル
5. 背景位置

1) CSSの背景色

要素の背景色を指定するには、background-color プロパティを使用します。

次のように背景色を設定できます。

 h2,p{ background-color: #b0d4de; } <h2>My first CSS page.</h2> <p>Hello Javatpoint. This is an example of CSS background-color.</p> 

出力：

初めての CSS ページ。

こんにちは、ジャワトポイントです。これはCSSの背景色の例です。

2) CSS 背景画像

背景画像プロパティは、要素の背景として画像を設定するために使用されます。デフォルトでは、画像は要素全体をカバーします。このようにページの背景画像を設定できます。

 body { background-image: url('paper1.webp'); margin-left:100px; } 

4) CSS 背景添付

background-attachment プロパティは、背景画像を固定するか、ブラウザ ウィンドウ内のページの残りの部分と一緒にスクロールするかを指定するために使用されます。背景画像を固定に設定すると、ブラウザのスクロール中に画像が動きません。固定背景画像を使用した例を見てみましょう。

 background: white url('bbb.webp'); background-repeat: no-repeat; background-attachment: fixed; 

5) CSS 背景位置

背景位置プロパティは、背景画像の初期位置を定義するために使用されます。デフォルトでは、背景画像は Web ページの左上に配置されます。

次の位置を設定できます。

1. 中心
2. 上
3. 底
4. 左
5. 右

 background: white url('good-morning.webp'); background-repeat: no-repeat; background-attachment: fixed; background-position: center;