ホームページマスターTOPページへ
初心者の為のホームページ作成支援サイト powerd by Google
HOME >CSS一覧 >ページ全体

背景画像を固定する

{background-attachment:fixed;}でページの背景画像をスクロールさせな いようにすることが出来ます。

【ブラウザ表示】

サンプル3
ソース

<body class="sample3">サンプル3</body>

外部ファイル

body.sample3{
background-image:url(../image/ichigo.gif);
background-attachment:fixed;
}


<body>タグに直接記入する場合

<body style="background-image:url(../image/ichigo.gif);
background-attachment:fixed;">サンプル3</body>

■ ページの背景画像をスクロールする

{background-attachment:scroll;}でページの背景画像をスクロールすることが出来ます。 (デフォルト)
ページを下にスクロールすると背景画像も移動します。

【ブラウザ表示】

移動
ソース

<body class="idou">サンプル移動・・・・</body>

外部ファイル

body.idou{
background-image:url(../image/ichigo.gif);
background-attachment:scroll;
}


<body>タグに直接記入する場合

<body style="background-image:url(../image/ichigo.gif);
background-attachment:scroll;">
サンプル移動・・・・
</body>

■ その他の項目

ページに背景色や壁紙を指定する
背景画像の表示方法を指定する
背景画像の表示位置を指定する
マウスカーソルの形を変える
ページ内の余白を指定する
スクロールバーの色を指定する

スタイルシート一覧のページに戻る

CSS一覧
テキスト
イメージ
テーブル
ボックス
リンク
リスト
水平線
フォーム
フレーム
ページ全体

HOME

Copyright (C) 2003-2012 ホームページマスター All rights reserved.