クライアントのAさんから

「ブログ本文中の記事内容に『点線で囲みを入れる方法』が、わかりません」
と、問い合わせがありました。


いろいろ方法はありますが、

今回は記事の中に直接スタイルシートという、

呪文のようなものを書いて『点線で囲みを入れる方法』を説明します。

記事投稿画面で、「HTML」表示にします。


以下の内容を貼り付けると点線の囲線を入れることができます。


<div style="font-size : 15px;line-height : 1.4;padding : 10px;margin : 10px;border : 2px dotted #cccccc;width : 450px;">ここに文章を入れます<br />ここに文章を入れます<br /></div>



↓こんな感じになります。


ここに文章を入れます
ここに文章を入れます

ひとつひとつの説明は画像を見てください。


↓クリックすりと拡大されます。

あなたの想いを伝えるホームページ作成ナビゲート-枠線


ちなみに、実線は dottedをsolidにします。

  
更に凝った囲みは、私のお気に入りのサイトのひとつ
ネットマニアさん のサイトで説明しています。