見出しの頭にマークを付ける

↑こんな感じで、見出しの頭にマークを付けます。

こんどは見出し2を設定してみましょう。

ここで使うスタイルは以下です。

h2 {
display:block;   
background-image: url('http://cpstyle.jimdo.com/s/cc_images/cache_2476829558.png?t=1267194794');
background-repeat: no-repeat;

padding-top:0px;
padding-left:25px;
}

やり方は背景をつけるのとまったく同じですが、先程のスタイルに追加する形になりますのでちょっと注意が必要です。

<style type="text/css">
/*<![CDATA[*/

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;
}

h2 {
display:block;   
background-image: url('http://cpstyle.jimdo.com/s/cc_images/cache_2476829558.png?t=1267194794');
background-repeat: no-repeat;

padding-top:0px;
padding-left:25px;

/*]]>*/
</style>

赤文字の部分が自動的に追加されていますので、この文字の間にスタイルを貼りつけます。