フリー素材　LITTLE　NAP　背景の貼り方

■ページ全体に背景を表示

サンプルはこちら

□スタイルシート使用

<head> ～</head>内に以下を記述

<style type="text/css">
<!--
body {
background-attachment: fixed;
background-image: url(画像のURL);
background-repeat: repeat;
}
-->
</style>

□ボディ内に直接記述

～</body>内に以下を記述

□テーブル内など部分的に表示（ブログエントリー部分など）

■ページの上下・横に連続して表示

サンプルはこちら（背景固定）
サンプルはこちら（背景スクロール）

□スタイルシート使用

<head> ～</head>内に以下を記述

※background-repeat: repeat-x; ・・・横に連続して表示
※background-repeat: repeat-ｙ; ・・・縦に連続して表示
※background-attachment: fixed;　・・・背景固定
※background-attachment: scroll;　・・・背景スクロール

□ボディ内に直接記述

～</body>内に以下を記述

※background-repeat: repeat-x; ・・・横に連続して表示
※background-repeat: repeat-ｙ; ・・・縦に連続して表示
※background-attachment: fixed;　・・・背景固定
※background-attachment: scroll;　・・・背景スクロール

□テーブル内など部分的に表示（ブログエントリー部分など）

サンプルはこちら

■表示させたい部分に固定して表示

□スタイルシート使用

<head> ～</head>内に以下を記述

※background-position: left top;　・・左上（右の場合はright）
※background-position: left bottom;　・・左下（右の場合はright）
※background-attachment: fixed;　・・・背景固定
※background-attachment: scroll;　・・・背景スクロール

□ボディ内に直接記述

～</body>内に以下を記述

※background-position: left top;　・・左上（右の場合はright）
※background-position: left bottom;　・・左下（右の場合はright）
※background-attachment: fixed;　・・・背景固定
※background-attachment: scroll;　・・・背景スクロール

□テーブル内など部分的に表示（ブログエントリー部分など）