美容・健康・ファッション・インテリア・DVD・お花・ギフト 安全安心のお買い物

町工場ネット トップ  ◇サイトマップ ◇新規登録 ◇プライバシーポリシー ◇相互リンクの方法 ◇問い合わせ

町工場 | 総合 | 美容 | ファッション | インテリア | 家電 | 資格| 食料 | 個人開業 | 書籍 | ギフト | ホビー | CD・DVD

←前に戻る トップページ 内容一覧 次に進む→

■背景の固定 簡単なテクニック 2

普通は画面をスクロールすると背景もいっしょにスクロールしてしまいます。このページは背景は固定していますのでスクロールしても背景は動きません。
ためしにスクロールしてください。


ではソースを見てみましょう。

<HEAD>
<META name="GENERATOR" content="IBM HomePage Builder 2001 V5.0.2 for Windows">
<TITLE>23.背景の固定 簡単なテクニック 2</TITLE>
<STYLE type="text/css">
<!--
BODY {background-attachment:fixed}
-->
</STYLE>
</HEAD>

これだけです。

  BODY  {background-attachment:fixed}

この一行だけでこのようなページが実現できます。

最初の方にある<HEAD>と</HEAD>の間に<STYLE>と</STYLE>で囲んで書き込みます。これはスタイルシートというものを使うやり方です。いろんな書き方がありますがとりあえずいちばん簡単な方法から始めましょう。
 おまじないのようなものです。丸ごとコピーしてソースに貼り付ければこのようなページができます。お気に入りの写真などスクロールしたくない時に使うといいでしょう。ちょっと不思議な感じがするでしょう。

←前に戻る トップページ 内容一覧 次に進む→