|
{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>
■ その他の項目
・
ページに背景色や壁紙を指定する
・
背景画像の表示方法を指定する
・
背景画像の表示位置を指定する
・
マウスカーソルの形を変える
・
ページ内の余白を指定する
・
スクロールバーの色を指定する
スタイルシート一覧のページに戻る
|
