- 締切済み
白背景用の画像の固定のしかたがわかりません。
あの… HPで白背景用に画像を固定しているHPってあるじゃないですか。 あれってどうやればいいのでしょう?? カーソルを動かしても画像はうごかないやつ。 かわいいHPめざしてて、ああいうのいいなっておもったのですが…よくわからないのです。。。 あの、まだまだ初心者なのでわかりやすく説明お願いします!ホントにマジで困ってます。 早めに返事下さい。
- みんなの回答 (2)
- 専門家の回答
みんなの回答
- s-tuki
- ベストアンサー率39% (57/145)
その背景画像を使いたいページの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)
このようなページの事でしょうか? 背景の色は自由に background-color: で変更して下さい HTML手打ちで作るホームページ講座 ⇒ http://homepage2.nifty.com/tomoarai/other/bgfix.html