HTML - タグ - 講座 - 入門 - ホームページ - ビギナーズガイド - 初心者 

背景画像

質問があればお気軽に質問掲示板に質問してくださいね。

<body>内で背景色の設定はやりましたね。
ということで今度は背景画像の方に挑戦です。

<body background="背景画像URL">

背景画像のURLって言われてもローカル上(デスクトップとか)
にあるんだけどって人でもファイルの指定はできますので
(相対パスを使えば可能です)
詳しくはアドレス指定方法参照
さて、できたら背景画像を用意しましょう。



ちなみにこの画像は手抜きです。
それ以前に使い古しの画像ですから。。。

<html>
<head>
<title>サンプル - 背景画像 -</title>
</head>

<body background="23-s.png">
サンプルですよん

</body>
</html>
 → サンプル

さて、サンプル見ていただけたでしょうか
見ていただくと分かるでしょうがスクロールバーがあって
スクロールすると画像が動きますよね?

それが嫌だなぁあっていう人もいます。
(私はどうでもいい派ですがね)
そういう人のためにこんな属性もあります
(InternetExplorerだけ対応)

<body background="背景画像" bgproperties="fixed">

これをつけることによって背景画像が固定されます。
 → サンプル

<html>
<head>
<title>サンプル - 背景画像 -</title>
</head>

<body background="23-s.png" bgproperties="fixed">
サンプルですよん

</body>
</html>

スクロールしても背景画像が全く動かなくて綺麗に見えます。
背景画像を固定する方法です。