【css】左右可変サイトで背景画像を常に中央表示する方法

CSS
背景画像は通常、左揃えで表示されるが、CSSの設定により 画像を常に中央表示させることが出来る。

id=”header_img”の要素に対して、背景を設定して その背景画像を常に中央表示させる。

・要素の最大横幅はサイトの最大横幅を指定する。
・要素の最小横幅はサイトの最小横幅を指定する。
・要素の縦幅は画像の縦幅を指定する。
・要素に対して背景画像を設定する。

・backgroundの1つ目のcenterは横幅に対しての中央寄せ、2つ目のcenterは縦幅に対しての中央寄せ(background-position:center center; と同じ)
・backgroundのcoverは 縦横比を同じままにする設定(background-size: cover; と同じ)
・backgroundの no-repeat は 背景を連続で使用せず、1枚だけ表示させる設定 (background-repeat:no-repeat; と同じ)