スタイルシートで背景を設定する

”背景”はＨＴＭＬだけでも設定することができるのですが、スタイルシートで背景を設定しておいて外部ＣＳＳに保存しておくと、一度にたくさんのページの背景を変更することができて効率的です。

背景はほとんど全てのタグに設定することができます。例えば、「div」に赤色の背景、「p」に青色の背景を設定すれば、基本背景は赤で文字を表示する部分だけ青色の背景が表示されます。

• background-color　　(背景にワントーンの色を付ける)
• background-image 　　(背景に画像を設定する)
• background-repeat 　　(背景の繰り返しの設定)
• background-position 　　(背景画像の表示位置の設定)

背景画像の表示位置を指定する

背景画像の表示位置についてもスタイルシートで指定することが出来ます。

セレクタ{background-position:横位置　縦位置}

背景画像の位置は横方向と縦方向の２つの方向から指定することができ、横位置・縦位置の順に半角スペースで区切って記述します。

名　　称	説　　明
left・right・center・top・bottom	文字による指定
左上を基準とした数値	数値による指定

<記述例�@>〜文字による指定〜

<記述例�A>〜数値による指定〜