カスタマイズ３（タイトル）

昨日は背景をいじったので、今日はタイトルのとこを変えてみます。
昨日作ったmystyle.cssを開いて（エディタかコーディングソフトで開けます）、スタイルをプラスします。
タイトル部分のスタイルを決めているのは「#banner」と「H1」。
#bannerはタイトル部分全体、H1はタイトル文字部分のスタイルを決めているようです。
私は先に「アップロード」でcssという名前のフォルダを作って「lega.jpg」という写真をアップしておきました。

#banner {
background-image: url(lega.jpg);
background-repeat: no-repeat;
background-position: center;
}

という文を書き加えます。
バックグラウンドのイメージは「lega.jpg」、繰り返しはなしで（小さい画像だったらrepeatにするのがいいですね）、位置は中央に。
タイトルの背景に画像が映し出されました。
タイトル部分だけ変えたいなって場合は、

h1{
background-color: #0099CC;
font-family: "Arial", "Helvetica", "sans-serif";
}

なんて書き加えてみると、タイトル文字の色とフォントも変えられます。
ただ、フォント（字体）は環境によっては見られなかったり文字化けする場合があるのであまり変えない方がいいかも。

フォントもちょっと変わったでしょっ