背景のCSS簡単な方法

CSS2.1では、速記のbackgroundプロパティは、開始から5つのプロパティ値、CSS3を含み、合計8個まで追加、3つの新しいプロパティ値を追加しました。

CSS2.1

• background-color 背景色を使用します。
• background-image 背景画像を使用します。
• background-repeat どのように背景画像を繰り返します。
• background-attachment または背景画像をページスクロールの残りの部分で固定されているかどうか。
• background-position 背景画像の位置。

CSS3

• background-size 背景画像のサイズ。
• background-origin 背景画像の領域を配置します。
• background-clip エリアの背景を描きます。

速記

バックグラウンド： 

[背景色]

 [背景画像] 

[背景リピート] 

[背景アタッチメント] 

[背景位置] /

[背景サイズ] 

[背景原点] 

[背景クリップ]。

内ことに注意 / それとで使用されるフォントと境界半径速記 / 使用量が類似しています。 / このようなアプローチでは、ブラウザをサポートすることができ background-position 、その後、ライトバック background-size 。
また、あなたもそれを記述するために、2つの追加の属性値を追加することができます background-origin し、 background-clip

方法の例：

。実施例 { 
  背景：アクアマリン
              URL（img.png）
              非繰り返し
              スクロール
              中心センター/ 50％
              コンテンツボックスコンテンツボックス。
}