×閉じる


background よっ!来たな。
ここでは分かりやすい例を挙げて、この俺、backgroundについて解説していくぜー。

backgroundってのは、背景に画像を表示する為の属性だ。
壁紙みたいに、上下左右連続して貼付けるから、ちょっと注意が必要だぜ。
一応、このページの背景みたいに方向を指定して貼ることもできるけど、ちょっと複雑だからここでは説明を省くぞー。
ある程度htmlタグを自由に編集できるようになったら、自分で調べてみてくれ。

じゃあ、まずは背景に画像を指定するとどうなるか見てみるぞー。
左が敷き詰める画像、真中が背景に指定した時の図、右がそのhtmlを構成するソースだ。



[Sample] [Background] [index.html]
sample



background…とまぁ、こんな感じだ。
あ、言い忘れてたけど、指定する画像は必ず半角英数+拡張子(jpgとかgif)で指定してくれよ。
そうじゃないと認識できないからな。詳しくはsrcに聞いてくれ。

あと、元の画像を見ると分かると思うけど、敷き詰める画像ってのは繋がりを綺麗に見せる為にちょっと特殊な細工をしたりするんだ。

Web上には素材屋さんって言う、ホームページ向けの素材を配布してるとこがあるから、そういう所から背景用の画像を借りるのも手だな。

ホームページの背景は、見た目にかなり影響するからな。
うっかり文字の色が見にくくならないように気を付けろよー。


×閉じる