【スタイルシート】

/* ブログタイトル・概要 */
#banner{
background-color: #6699ff;
height: 200px;
width: 750px;
margin: 0px;
overflow: hidden;
background-image: url(//img01.ti-da.net/usr/blogstyle/bg_100x100.gif);
}

上記の”height: 200px;”と”width: 750px;”で
表示されるヘッダー画像のサイズが設定されているので、
このサイズに合わせて、ヘッダー画像を
（サイズ：横750px 縦200px ）で作成すれば、問題なく表示されます。

つまり、下記の枠内で、
同じ画像サイズであれば、そのままで表示され、
小さければ、縦横に繰り返し表示されます。
画像サイズ大きければどうでしょうか？

そうです。一部分しか表示されないことになりますね。∑(￣ﾛ￣|||)なんと！？

・・・と言う事で、

使用するテンプレートのヘッダー設定部分のサイズに合わせて、
表示したい画像を作成することをおすすめしま～す♪(⌒-⌒)ﾆｺﾆｺ...



例えば、現在設定されているヘッダー画像は、（サイズ：横100px 縦100px ）なので、



規定の設定サイズが”横750px”なので、”横100px”が
繰り返し表示される設定になっていると”横に７個半”表示されることになりますね！

規定の設定サイズが”縦200px”なので、”縦100px”が
繰り返し表示される設定になっていると”縦に2個”表示されることになりますね！

以下が、実際に繰り返し表示されたヘッダー画像（横100px 縦100px ）部分です。





では、次回は、いろいろな画像サイズを用意して、
どんな表示パターンになるかを検証します！お楽しみに～♪(＝⌒▽⌒＝) ﾆｬﾊﾊﾊ♪


皆さんも、この機会にブログカスタマイズに
チャレンジしてみては、いかがでしょうか！？ｐ(*^-^*)ｑ がんばっ♪