タイトルに画像をいれよう！（ＣＳＳ入門－４）

今回、スキンの「タイトル部分の画像」を変更することが可能になりました。
画像フォルダに入ってる画像などを使って、好きな画像に変更してみましょう。
まずは、CSS編集画面を開いてください。
画像の設定部分は、下の部分で行います。

/* ------------ background-color-control ------------- */
body {
background-color: #FFFFFF;
text-align: left;
}
#frame {
background-color: #FFFFFF;
}
#subFrame {
}
#header {
background-image: url(ここに画像のURLを入れる);
background-repeat: no-repeat;　　　　　　←　繰り返しの有無
background-position: center top;　　　　　←　画像の位置
}

上のように赤字の部分に好きな画像のURLを貼り付けるだけでＯＫです。
その他にも「no-repeat」を「repeat」にすれば、画像が一枚だけではなく、同じ画像が連続で、タイトル部分を埋め尽くします。
「center top」は、「center」→「right」、「left」に変えたり、
「top」→「bottom」に変更して、画像の位置を変更できます。

left top	center top	right top
left	center	right
left bottom	center bottom	right bottom

---

入門１　記事の文字を変えてみよう

入門２　「タイトル」「サブタイトル」を変えてみよう

入門３　フォントを変えよう！

入門５　コメントの文字を変えよう！

入門６　「リンクの色」を変えてみよう！

入門７　スクロールバーの設定