画像をメッセージボードの背景にする

メッセージボードにも背景を設定することができます。
記事の背景との調和が難しいところではありますが、メッセージボードの強調には有効です。
画像フォルダに使いたい画像をアップロードしておきます。

��．ＣＳＳ編集画面を呼び出す。

��．ＣＳＳを編集

/* (3-5) メッセージボード
--------------------------------------------*/


.skinMessageBoard{
/* 注 ベースのcssに margin-bottom の記述有り */
border:3px solid #979797;
background:#fafad2;
}

の記述を探します。

background:#fafad2;

のように背景にカラーコードを設定している場合は削除します。

代わりに　background:url(背景に使いたい画像のＵＲＬ)no-repeat;

の記述を｛｝の中に記述します。

��．保存し確認する