×閉じる


backgroundよう!ここでは分かりやすい例を挙げて、backgroundについて解説していくぜ。

backgroundってのは、背景に画像を表示する為の属性だ。
適用するタグによって見え方が変わるけど、tableの場合は表全体に背景を貼れるぜ。

壁紙みたいに、上下左右連続して貼付けるから、貼付ける画像には、ちょっと工夫が必要だぜ。

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



[Sample] [Background] [index.html]
sample
表全体に画像を表示
表全体に画像を表示



background どうだ?表の中全体に画像が連続して貼られてるのが分かるだろ。
trやtdを多様しても、表全体に背景が適用されるんだぜ。

あ、言い忘れてたけど、指定する画像は必ず半角英数+拡張子(jpgとかgif)で指定してくれよ。
そうじゃないと認識できないからな。それについてはsrcが詳しく説明してくれるぞ。

ちなみに、tableだけじゃなくてtdにも背景を指定することができるんだ。
tableに背景を指定するのとtdに背景を指定するのは、見え方が全然違うから、そっちも見てくれよな。

上の例を見ると分かるかもしれないけど、背景画像によっては文字が見にくくなることがあるからな。
背景画像の色と、文字の色には気を付けろよ。


×閉じる