ボックス表示（ボックス枠と背景画像）

Movable Type
この記事は約1分で読めます。

１　囲みたい文字の前後のテンプレートに次のコードを追加します。

<div class=”blockquote”>～囲みたい文字～</div>

２　スタイルシートに次のコードを追加します。

.blockquote {
width: 490px;
line-height: 1.5em;
margin-top:10px;
margin-bottom:10px;
color:#000000;
font-size: 12px;
padding:0px 10px 10px 10px;
border:dashed 1px #736357;
background:url(画像URLboximg);
letter-spacing: ;
text-align:left;
}

画像URLboximg

コメント