説明
background-image: image; C1- ie4- N4-
使用例
body {background-image:url("tile.gif")}
背景画像 <'background-image'> |
|
背景画像のレンダリング
<style type="text/css"><!--
body {background-image:url(img/roll.gif);}
p#n1 {background-image:url(img/p1.gif); background-repeat:repeat-x; color:#444;}
p#n2 {background-image:none; color:#333; border:2px solid #eee;} /* = 背景色を透明に設定 */
--></style>
<body>
<p id="n1">こんにちは こんにちは こんにちは こんにちは</p>
<p id="n2">こんにちは こんにちは こんにちは こんにちは</p>
</body>
body {background-image:url(img/roll.gif);}
p#n1 {background-image:url(img/p1.gif); background-repeat:repeat-x; color:#444;}
p#n2 {background-image:none; color:#333; border:2px solid #eee;} /* = 背景色を透明に設定 */
--></style>
<body>
<p id="n1">こんにちは こんにちは こんにちは こんにちは</p>
<p id="n2">こんにちは こんにちは こんにちは こんにちは</p>
</body>
background-imageプロパティに以下のような画像を指定すると背景画像は、タイル上に敷き詰められます。
p要素の背景には以下のような画像を指定しています。
