見出しに背景を設定してブログ全体の統一感を

　前回の記事で、箇条書きに背景画像を設定しましたが、同じように各見出しにも設定可能です。

　見出しの背景画像の設定は過去のこちらの記事で説明しています。
　（お詫び記事なのでちょっとリンクするのに抵抗あります）

　見出しの例は全体に設定しましたが、リストマークのような設定も可能です。
　今回はこのブログの見出し５に設定

見出し５

　見出しの背景画像にを設定。
　左端に配置します。1回だけ表示のno-repeatを設定。これを設定しないと
同じ画像が並びます。padding-leftで画像と文字の位置を調整しています。

css

.skinArticleBody h5 {

background-image: url(http://mpro-web.com/temp/007.gif);

background-repeat: no-repeat;　

background-position: left center;

font-size: 16px;

line-height: 200%;

color: #208203;

padding-left: 25px;

margin-top: 10px;

margin-bottom: 10px;

clear: both;

}

CSSやhtmlのコードをより見やすくするためのjavascriptもありますが、プラグインスペースの削減のため本ブログでは使用してません。