| ポイント |
<![CDATA[
body { background-repeat:no-repeat;
background-position:200px 80px; }
]]>
|
| 説 明 |
背景画像をページの左上から(200,80)ピクセルの位置に表示させるにはbackground-repeat:no-repeat;で１枚だけの画像にし、background-position:200px 80px;として表示するX,Y座標を指定します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>背景画像をページの左上から(200,80)ピクセルの位置に表示させる</title>
<style type="text/css"><!--
body { background-repeat:no-repeat;
background-position:200px 80px; }
--></style>
</head>
<body background="bg.gif">
背景画像がページの左上から(200,80)ピクセルの位置表示されます。
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
背景画像をページの左上から(200,80)ピクセルの位置に表示させる