使いやすい！可愛い囲み枠

デザインルームアリアンナ的

《　キュート&スタイリッシュ　》

ｂｌｏｇにすぐに活用できる囲み枠♡

 

あなたのブログのイメージづくりに活用してくださいね！

 

《使い方は3step》

①使いたいタグをコピー

②HTML表示に切り替えて貼り付け

③通常表示に戻して確認

 

出来上がり

 

※改行時にはshiftキーを押しながらEnterキーを

必ず押して改行してくださいね！

 

 

女子ウケナンバー１♡囲み枠

 

本文

<fieldset style="background:#fac8e1; padding:10px; border:4px double #ffffff; border-radius:10px;">本文</fieldset>

本文

<fieldset style="background:#c8e1fa; padding:10px; border:4px double #ffffff; border-radius:10px;">本文</fieldset>

本文

<fieldset style="background:#ddccff; padding:10px; border:4px double #ffffff; border-radius:10px;">本文</fieldset>

大人可愛い囲み枠

本文

<fieldset style="background:#fae1f6;padding:10px;border:2px dotted #fff0f5;">本文</fieldset>

本文

<fieldset style="background:#ffcccc;padding:10px;border:2px dotted #ffffff;">本文</fieldset>

本文

<fieldset style="background:#beceed;padding:10px;border:2px dotted #ffffff;">本文</fieldset>

 

 

タイトル付き囲み枠

 

<div style="background:#edafc4; border:1px solid #edafc4; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">■タイトル</font></div>

<div style="border:1px solid #edafc4; padding:10px; font-size:1em;">本文</div>

<div style="background:#c4afed; border:1px solid #c4afed; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">■タイトル</font></div>

<div style="border:1px solid #c4afed; padding:10px; font-size:1em;">本文</div>

 

 

スタイリッシュなタイトル

 

 

<div style="border-left: 10px solid #cca3b8; border-bottom: 2px solid #cca3b8; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>

<div style="border-left: 10px solid #802651; border-bottom: 2px solid #802651; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>

皆さんのブログにぜひ役立ててくださいね！

毎日の楽しくブログを書くことが楽しみになりますように♡

design room arianna