背景に画像を使うには？

背景に画像を使いたいケースだと、やっぱり画面上部にあるヘッダー部分に使う場合が多いと思います。 要はタイトルの部分ですよね。うん。無料で借りられるブログなんかでもおしゃれな画像が入っている サイトが最近は多いです。

で、僕が作っているテンプレートではこのタイトル部分の指定は、ほぼ「headder」で指定しています。 だから「タイトル部分にかっこいい画像を組み込みたい！」なんてときは「headder」のタグを いじくってください。

こんな感じで「background-image: url(●●●);」で画像を指定してあげればＯＫ。（●の部分は画像のＵＲＬを入れよう）。

問題なのはヘッダーの大きさが幅800ピクセル、高さ100ピクセルだとして、画像の大きさがあってないと うまく表示されないこと。

ヘッダー（headeer）の大きさと画像の大きさが一緒なのがベストです。まあ小さい画像の場合なんかでも 繰り返し表示されるので表示されることは表示されますが。