• 締切済み

白背景用の画像の固定のしかたがわかりません。

あの… HPで白背景用に画像を固定しているHPってあるじゃないですか。 あれってどうやればいいのでしょう?? カーソルを動かしても画像はうごかないやつ。 かわいいHPめざしてて、ああいうのいいなっておもったのですが…よくわからないのです。。。 あの、まだまだ初心者なのでわかりやすく説明お願いします!ホントにマジで困ってます。 早めに返事下さい。

みんなの回答

  • s-tuki
  • ベストアンサー率39% (57/145)
回答No.2

その背景画像を使いたいページのHTMLファイルを 作成ソフトのコード編集画面で見るか、 または、「メモ帳」等のテキストのソフトから開きます。 そして、 <head>と</head>の間の部分 (<TITLE>○○○○</TITLE>の下あたりで良いと思います) 下のスタイルシートをコピーペーストします。 <style TYPE="text/css"> <!-- BODY { background-color : #ffffff; background-image:url(画像ファイル名.jpg); background-attachment:fixed; background-repeat: no-repeat; } --> </style> 解説です。 1行目は、そのページの背景色。#ffffffは白です。 2行目は、背景に表示したい画像ファイルの指定。 もし、画像が「image」等のフォルダに入っていたら image:url(image/画像ファイル名.jpg)とします。 もちろん、形式がGifファイルだった場合は image:url(image/画像ファイル名.gif)です。 3行目は「固定」つまりスクロールしても動かない指示。 4行目は、背景用の画像を繰り返さず表示の指示。これをしないと、タイルの様に画像で背景が埋め尽くされる事になります。 その他、画像を表示する位置を自由に変更したり、 色んな事が出来るので、 「スタイルシート」の本を1冊買って来て研究されたら よりオシャレで自由度の高いHPが作れるかと思いますよ^^ がんばってくださいね。

  • sekiya-h
  • ベストアンサー率61% (1543/2514)
回答No.1

このようなページの事でしょうか?  背景の色は自由に background-color: で変更して下さい  HTML手打ちで作るホームページ講座  ⇒ http://homepage2.nifty.com/tomoarai/other/bgfix.html

参考URL:
http://homepage2.nifty.com/tomoarai/other/bgfix.html

関連するQ&A