例 <h1 style="color:#ff0000; font-size:12px;">WELCOME</h1>
XHTML（CSSによるボックスレイアウト）では、CSSファイルに一括してレイアウトを記述しておきます。メンテナンスも容易になります。
以下、初めての方のお試し用に、簡単に設定できる 「（２）htmlの<head>〜</head>の中にCSS定義を記述する」の方法で記載します。htmlの<head>〜</head>の中に、以下のタグをコピーしてください。繰り返し表示＆背景画像（壁紙）を固定する
背景色 background-color:#ffffff; は、記述しなくてもかまいません。
（背景色は
画像の下に隠れます）
background-attachment: fixed; で、スクロール時に背景の動きを止めて固定します。
<style type="text/css">
<!--
body {
background-color: #FFFFFF;
background-image: url(images/hearts01_pk.gif);
background-attachment: fixed;
}
-->
</style>
以下のように background: と、まとめて記述することも可能です。
<style type="text/css">
<!--
body { background: #ffffff url(images/hearts01_pk.gif) fixed; }
-->
</style>
背景の一部に表示＆背景画像（壁紙）を固定する
background-attachment: fixed; で、スクロール時に背景の動きを止めて固定します。
background-repeat: no-repeat; で、繰り返し表示がなくなります。
繰り返したい場合は、以下のように指定を変更してください。
【横方向のみ】 repeat-x 【縦方向のみ】 repeat-y
画像表示位置は、以下のように指定を変更してください。
【横方向】左 left 中央 center 右 right 【縦方向】上 top 中央 center 下 bottom
<style type="text/css">
<!--
body {
background-color: #fff;
background-image: url(images/stone01_pk.jpg);
background-position: right bottom;
background-repeat: no-repeat;
background-attachment: fixed;
}
-->
</style>
以下のように background: と、まとめて記述することも可能です。
<style type="text/css">
<!--
body { background: #fff url(images/stone01_pk.jpg) right bottom fixed no-repeat; }
-->
</style>
横方向または縦方向のみ繰り返し表示＆背景画像（壁紙）を固定する
background-attachment: fixed; で、スクロール時に背景の動きを止めて固定します。
background-repeat: で、繰り返したい方向を指定します。
【横方向のみ】 repeat-x 【縦方向のみ】 repeat-y
画像表示位置は、以下のように指定を変更してください。
【横方向】左 left 中央 center 右 right 【縦方向】上 top 中央 center 下 bottom
<style type="text/css">
<!--
body {
background-color: #000;
background-image: url(images/cross_bkp.jpg);
background-position: right top;
background-repeat: repeat-y;
background-attachment: fixed;
}
-->
</style>
以下のように background: と、まとめて記述することも可能です。
<style type="text/css">
<!--
body { background: #000 url(images/cross_bkp.jpg) repeat-y right top fixed; }
-->
</style>
