いちから始めるホームページ作成

HTML・CSSのことがよくわかる初心者から始めるホームページ制作

background-image

background-imageとは?

background-imageは、背景画像を指定するCSSです。

色や画像、画像の表示開始位置、リピートなどをbackgroundでまとめて指定することもできます。

background-imageの使い方

相対パス、またはURLで背景画像を指定します。

デフォルトの状態は、X(水平)方向・Y(垂直)方向両方に画像が繰り返されます。

画像の繰り返しを指定する場合は、background-repeatで指定してください。

背景色を指定したい場合はbackground-colorを使います。

記述方法

background-imageは以下のように記述します。

相対パスで指定する場合

background-image:url("haikei.gif");
HTMLタグ
CSS
一口メモ
サンプルソース
用語集