HTMLのブロック要素に背景画像を設定する

cssのブロック要素の背景にはbackgroundプロパティがあります.
backgroundプロパティはcssで適用されることが多く、箱に背景画像と背景色を設定する役割を果たす重要なプロパティです.backgroundは複合プロパティで、以下のいくつかの設定項目に分解できます.

background-color       
background-image         
background-repeat             
background-position          

ブロック要素に背景画像を設定する場合は、url(ピクチャパス)の値background-image属性を使用します.ブロック要素より小さい場合は、background-repeat属性を使用します.値オプション:
値
効果
repeat-x
複数の画像を水平方向に表示
repeat-y
縦方向に複数表示
no-repeat
重複せずに1つだけ表示
repeat
デフォルト.背景画像は垂直方向と水平方向で繰り返されます.
inherit
親要素からbackground-repeat属性の設定を継承することを指定します.
background-positionを使用して、ピクチャがブロック要素のどの位置に置かれるかを決定することもできます.background-positionの値は2つのパーセンテージで表示され、1つ目は水平方向の位置を表し、2つ目は垂直方向の位置を表す.

  ：50% 50%                  。