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

締切済

質問者：itigo-aya
質問日時：2004/10/12 19:08
回答数：2件

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： s-tuki
回答日時：2004/10/12 20:05

その背景画像を使いたいページのHTMLファイルを

作成ソフトのコード編集画面で見るか、
または、「メモ帳」等のテキストのソフトから開きます。
そして、
<head>と</head>の間の部分
(<TITLE>○○○○</TITLE>の下あたりで良いと思います）
下のスタイルシートをコピーペーストします。

<style TYPE="text/css">

</style>

解説です。
1行目は、そのページの背景色。#ffffffは白です。

2行目は、背景に表示したい画像ファイルの指定。
もし、画像が「image」等のフォルダに入っていたら
image:url(image/画像ファイル名.jpg)とします。
もちろん、形式がGifファイルだった場合は
image:url(image/画像ファイル名.gif)です。

3行目は「固定」つまりスクロールしても動かない指示。

4行目は、背景用の画像を繰り返さず表示の指示。これをしないと、タイルの様に画像で背景が埋め尽くされる事になります。

その他、画像を表示する位置を自由に変更したり、
色んな事が出来るので、
「スタイルシート」の本を1冊買って来て研究されたら
よりオシャレで自由度の高いHPが作れるかと思いますよ^^
がんばってくださいね。