CSS 背景画像

CSS 背景画像

background-image 属性は、要素の背景として使用される画像を指定します。

デフォルトでは、画像は要素全体を覆うように繰り返されます。

例

ページの背景画像は以下のように設定できます：

body {
  background-image: url("paper.gif");
}

自分で試してみる

例

この例では、テキストと背景画像のエラーハイブリッド文字が読みにくい：

body {
  background-image: url("bgdesert.jpg");
}

自分で試してみる

注意：背景画像を使用する際は、テキストに干渉しない画像を使用してください。

特定の要素に背景画像を設定することもできます、例えば <p> 要素：

例

p {
  background-image: url("paper.gif");
}

自分で試してみる