背景の固定 -背景をスタイルシートで右上に固定させる-

| HTMLとは || 階層とファイル名 || 基本構成 || 無料でHPを作る || テキスト1 || テキスト2 || テキスト3 | | 区切り線 |
| ハイパーリンク1 || ハイパーリンク2 || イメージ1 || イメージ2 || ロールオーバ || 背景 || 背景の固定 |
| テーブル1 || テーブル2 || テーブル3 || テーブル4 || テーブル5 || テーブル6 |
| フレーム1 || フレーム2 || フレーム3 || フレーム4 || フレーム5 || 曲を流す || JPGとGIF || Flash1 || Flash2 |
| favicon.ico || 文字化け対策 || メタタグ || お気に入り追加 || テキストエリア |

| 色見本16進数 || 色見本16進数2 || 色見本色指定 || サンプル1 || サンプル2 || サンプル3 || サンプル4 |

| 1.作業手順 || 2.作業手順 || 3.作業手順 || 4.FTP || 5.作業手順 || 6.作業手順 |
| 7.CGI設置 || 8.CGI設置 || 9.CGI設置 || 10.CGI設置 |

| 無料HP作成支援集 |

背景の固定 -背景をスタイルシートで右上に固定させる-

■ 背景画像を左上に固定させる

これはスタイルシートを使います。難しいので左上の固定のさせ方だけ説明いたします。
詳しくはスタイルシート講座サイトを参照ください。

<STYLE TYPE="text/css"></STYLE>

☆=画像ファイル名

<html>
< head>

< title>背景スタイルシート</title>
< /head>

< STYLE TYPE="text/css"></STYLE>

< body>
< /body>
< /html>

サンプルを別ウインドウで表示

■ 背景設定速見表

[ background-repeat: no-repeat ]部分繰り返し

repeat
縦横に背景画像を繰り返して表示します。*1
repeat-x
横方向にのみ背景画像を繰り返して表示します。
repeat-y
縦方向にのみ背景画像を繰り返して表示します。
no-repeat
背景画像を一回だけ表示して繰り返しません。

*無記入の時の初期設定

[ background-position: left top ]部分位置指定

横方向	left（左）	center（中央）	right（右）
縦方向	top（上）	center（中央）	bottom（下）

[ background-attachment: fixed ]部分画像固定

fixed *1
背景画像の位置が固定され、スクロールしても動かなくなります。
scroll
スクロールに伴って、背景画像も移動します。

このページのコンテンツには、Adobe Flash Player の最新バージョンが必要です。