【記事内アクセント】囲み枠線で大事な文章を強調する

記事内のアクセントとして、記事に線四角い枠線を使われているブログってありますよね？

その、枠線の引き方を紹介します。

カスタマイズ方法を紹介されているブロガーさんも多いのでいろいろな方の記事を検索して自分に分りやすい人の記事をぜひ参考にしてチャレンジしてみて下さいね。

<p style="background-color:#fff9f9;border:1px dotted #FF99CC;padding:5px;"></p>


上記のHTMLタグを記事を書く編集エディタのHTMLタグを表示をクリックしてコピー＆ペースト。



タグの非表示をクリックすると確認できます。

ピンクの文字を変更すると、枠線の種類や太さ、背景色も自由に設定できます。

【HTMLタグ内の補足】

background-color　枠内の背景色／border　枠線の太さ／ dotted 　点線／padding　線と文字との余白幅

■　線の種類一覧　■

●実　線・・・　solid

●点　線・・・　dotted

●破　線・・・　dashed

●二重線・・・　double

線の太さ（3px）

ここに文章

ここに文章

ここに文章

ここに文章

線の太さ（2px）

ここに文章

線の太さ（1px）

ここに文章

個人的に線の太さは3pxがかわいくて好きかな？

色選びの参考にはコチラが便利です。

枠線の線種や色の設定　1upホームページ作成

↓（分りやすい資料が紹介されてました。）

参考までに。

最後まで読んで頂いてありがとうございます。