CSS背景画像
CSS背景画像
このbackground-image
プロパティは、要素の背景として使用する画像を指定します。
デフォルトでは、画像が繰り返されるため、要素全体が覆われます。
例
ページの背景画像を設定します。
body {
background-image: url("paper.gif");
}
例
この例は、テキストと背景画像の不適切な組み合わせを示しています。テキストはほとんど読めません:
body {
background-image: url("bgdesert.jpg");
}
注:背景画像を使用する場合は、テキストの邪魔にならない画像を使用してください。
<p>要素など、特定の要素に背景画像を設定することもできます。
例
p {
background-image: url("paper.gif");
}