見出しに背景を付ける

↑こんな感じで、見出しに背景を付ます。

よく見出しに画像を使っている方がいますが、見出しは検索エンジン対策にも重要な部分なので、画像は背景として使い、文字はテキストで表示させましょう。

ここで使うスタイルシートは以下のようになります。

<style type="text/css">

h1 {
display:block;  
background-image: url('http://cpstyle.jimdo.com/s/cc_images/cache_2476726758.jpg?t=1267190104');
background-repeat: no-repeat;
padding-left:10px;
}

</style>

上記の文字列をマウスで選択してまるごとコピーします。

画像置き場のページを開き、アップしたときに貼りつけておいたファイル名の部分をコピーします。

再びヘッダー部分の編集を開き、赤文字の部分を書き換えます。

このとき「'」を消してしまわないように注意してください。

h1 {
display:block;  
background-image: url('http://cpstyle.jimdo.com/s/cc_images/cache_2476726758.jpg?t=1267190104');
background-repeat: no-repeat;
padding-left:10px;
}

最後に「保存」をクリックして完了です。

jimdoのプレビューで確認してみてください。