SOUND　このサイトは画像素材＆ウェブサイトテンプレートを配布しているサイトです

壁紙の使い方（背景画像）

ページ全体にリピート背景を指定する

<body background="画像URL"></body>

ディブやテーブルなど、ボックス要素に背景を指定する

プレビュー　リセット

<div style="background:url(画像URL);"></body>

CSSで背景を指定する

<head></head>の中に以下のコードを入れる

<style type="text/css">
背景を設定したいもの{
background-image:url(画像URL);
}
</style>

背景画像の繰り返し設定を詳細に指定する

●CSSで

背景を設定したいもの{
background-image:url(画像URL);
background-repeat:リピート設定;
background-position:画像の位置設定;
background-attachment:画像の固定設定;
}

●リピート設定


repeat:repeat-y 縦一列リピート	repeat:repeat-x 横一列リピート	repeat:none リピート無し

●画像の位置設定


position:left	position:right	position:center

position:top	position:bottom	position:左% 上%	position:左px 上px

●画像の固定設定　　プレビューを押した後ページを上下にスクロールしてみてください。
scroll　プレビュー　ノーリピートプレビュー　リセット

背景画像をスクロールさせる。

ページをスクロールする場合、背景画像も一緒にスクロール動く。
リピート設定をしている場合は繰り返し背景画像が表示され、ノーリピートの場合は背景画像一枚分の後は背景色または白い地が表示される。

fixed　プレビュー　ノーリピートプレビュー　リセット
背景画像を固定する。
ページをスクロールする場合、背景画像が動かず、ずっと同じ位置に表示される。

関連リンク