background-image 属性は、要素の背景として使用する画像を指定します。
デフォルトでは、要素全体をカバーするように画像が繰り返されます。
ページの背景画像は次のように設定できます:
body {
background-image: url("paper.gif");
}
この例は、テキストと背景画像の間違った組み合わせを示しています。 テキストが読みにくい:
body {
background-image: url("bgdesert.jpg");
}
注: 背景画像を使用する場合は、テキストの邪魔にならない画像を使用してください。
<p> 要素などの特定の要素に背景画像を設定することもできます。
p {
background-image: url("paper.gif");
}