CSSのbackgroundプロパティは、ページ要素に背景スタイルを追加することができます。backgroundプロパティでは、背景色、背景イメージ、背景タイリング、背景イメージの位置、背景イメージの固定などを設定することができます。

背景色

スタイル名: background-color 要素の背景色を定義します。

使用方法：

background-image

スタイル名: background-image 要素の背景イメージを定義します。

使用方法：

背景タイリング

スタイル名：background-repeat 要素の背景イメージのタイリングを設定します。

使い方

background-image-position

スタイル名:background-positionプロパティは背景のイメージの位置を変更します。

使用方法

その他の説明

1. 両方の値が方位名詞である場合、2 つの値の順序は無関係です (例えば left top と top left は同じ効果を持ちます)。一方の方位のみを指定し、もう一方の値を省略した場合、デフォルトでは 2 番目の値が中央に置かれます。

2. パラメータが正確な単位の場合、最初の値は x 座標、2 番目の値は y 座標でなければなりません。値が1つだけ指定された場合、最初の値はx座標、2番目の値はy座標でなければなりません。

3. 指定された2つの値が正確な単位と方位項が混在している場合、最初の値はx座標、2番目の値はy座標です。

背景イメージが固定されています

background-attachment Style Name:プロパティは背景イメージを固定するか、ページの他の部分と一緒にスクロールするかを設定します。

使用方法

background-attachment 追加メモ:パララックススクロール効果は後で作成できます。

背景スタイル

背景スタイル：

background: 背景色背景イメージアドレス背景タイリング背景イメージスクロール背景イメージの位置;

使用方法

背景色は半透明です

CSS3は背景色の半透明効果を提供します。

使い方

• 最後のパラメータはアルファの透明度で、0から1の間の値を取ります。
• background: rgba(0, 0, 0, .3)0.3では0を省略し、；

と書くのが通例です：

• Background semi-transparencyは、ボックスの背景が半透明であることを意味し、ボックス内のコンテンツは影響を受けません。
• CSS3の新しいプロパティは、IE9以上のブラウザでしかサポートされていませんが、実際の開発では、書き方の互換性をあまり気にせず、安心して使えます！