img
白 クリーム 黄色 淡い緑 水色 淡い青紫 淡いグレー グレー 黒 茶 赤 濃いピンク ピンク

画像の配置


背景画像を一枚だけ固定

  ie6 nn7 op8

スタイルシート固定用の壁紙や画像を1枚だけ、自分の好きな場所に配置できます。
以下のソースを、htmlソースの<head></head>で囲まれた部分に入れて下さい。

背景画像の位置は、background-position:横方向 縦方向; で、プロパティの値は1つ、または2つです。
(デフォルトの値はページの左上端、0% 0% 。)
横方向の位置を左からの距離で、縦方向の位置を上からの距離で指定します。
2つの場合 1つ目の値が横方向、2つ目の値が縦方向を指定、 1つの場合 横方向の値と解釈され、
縦方向は中央に表示されます。
指定出来るのは
横方向  left/center/right/in(インチ)/pt(ポイント)/px(ピクセル)/%(パーセント)等
縦方向  top/center/bottom/in(インチ)/pt(ポイント)/px(ピクセル)/%(パーセント)等 です。


■ 画面左上に画像  sample




■ 画面左下に画像  sample




■ 画面中央に画像  sample




■ 画面右上に画像  sample




■ 画面右下に画像  sample