囲み枠ってめんどうだなぁ

そう感じますよね

わたしもです

そこでコピペしてかんたんに使える囲み枠を用意しました！

囲み枠はデフォルトの色から選べるのでページに統一感がうまれますよ！

囲み枠でブログ記事をどんどん囲っていきましょう！

かんたん囲み枠１３０種類

デフォルトの全１０色から選べますよ。

各色とも囲み枠が５種類、横幅を自動調整する囲み枠が５種類、見出しのある囲み枠が３種類、合計１３種類です。

１０色あるので、ぜんぶで１３０種類の囲み枠です。

鮮やかなシアンブルー

シンプル枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ダブル枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ドット枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ステッチ枠

ここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

背景枠

ここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

見出し枠～丸

ここに見出しを入れる

ここに文章を入れる

<div style="display: inline-block; background: #0693E3; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #0693E3; border-radius: 0 0 10px 10px; ">

<p>ここに文章を入れる </p>

</div>

見出し枠～角

ここに見出しを入れる

ここに文章を入れる

<div style="display: inline-block; background: #0693E3; padding: 5px 10px; color: #ffffff; border-radius: 5px 5px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #0693E3;">

<p>ここに文章を入れる </p>

</div>

大きな見出し枠

ここに見出しを入れる

ここに文章を入れる

<div style="background: #0693E3; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #0693E3; border-radius: 0 0 10px 10px;">

<p>ここに文章を入れる </p>

</div>

シンプル枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ダブル枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ドット枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ステッチ枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れるここに文章を入れる</span></strong> </p>

</div>

背景枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れるここに文章を入れる</span></strong> </p>

</div>

淡いシアンブルー

シンプル枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ダブル枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ドット枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ステッチ枠

ここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

背景枠

ここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

見出し枠～丸

ここに見出しを入れる

ここに文章を入れる

<div style="display: inline-block; background: #8ED1FC; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #8ED1FC; border-radius: 0 0 10px 10px; ">

<p>ここに文章を入れる </p>

</div>

見出し枠～角

ここに見出しを入れる

ここに文章を入れる

<div style="display: inline-block; background: #8ED1FC; padding: 5px 10px; color: #ffffff; border-radius: 5px 5px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #8ED1FC;">

<p>ここに文章を入れる </p>

</div>

大きな見出し枠

ここに見出しを入れる

ここに文章を入れる

<div style="background: #8ED1FC; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #8ED1FC; border-radius: 0 0 10px 10px;">

<p>ここに文章を入れる </p>

</div>

シンプル枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ダブル枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ドット枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ステッチ枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

背景枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れるここに文章を入れる</span></strong> </p>

</div>

鮮やかなグリーンシアン

シンプル枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ダブル枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ドット枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ステッチ枠

ここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

背景枠

ここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

見出し枠～丸

ここに見出しを入れる

ここに文章を入れる

<div style="display: inline-block; background: #00D084; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #00D084; border-radius: 0 0 10px 10px; ">

<p>ここに文章を入れる </p>

</div>

見出し枠～角

ここに見出しを入れる

ここに文章を入れる

<div style="display: inline-block; background: #00D084; padding: 5px 10px; color: #ffffff; border-radius: 5px 5px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #00D084;">

<p>ここに文章を入れる </p>

</div>

大きい見出し枠

ここに見出しを入れる

ここに文章を入れる

<div style="background: #00D084; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #00D084; border-radius: 0 0 10px 10px;">

<p>ここに文章を入れる </p>

</div>

シンプル枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ダブル枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ドット枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ステッチ枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

背景枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れるここに文章を入れる</span></strong> </p>

</div>

薄いグリーンシアン

シンプル枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ダブル枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ドット枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ステッチ枠

ここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

背景枠

ここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

見出し枠～丸

ここに見出しを入れる

ここに文章を入れる

<div style="display: inline-block; background: #7BDCB5; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #7BDCB5; border-radius: 0 0 10px 10px; ">

<p>ここに文章を入れる </p>

</div>

見出し枠～角

ここに見出しを入れる

ここに文章を入れる

<div style="display: inline-block; background: #7BDCB5; padding: 5px 10px; color: #ffffff; border-radius: 5px 5px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #7BDCB5;">

<p>ここに文章を入れる </p>

</div>

大きい見出し枠

ここに見出しを入れる

ここに文章を入れる

<div style="background: #7BDCB5; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #7BDCB5; border-radius: 0 0 10px 10px;">

<p>ここに文章を入れる </p>

</div>

シンプル枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ダブル枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ドット枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ステッチ枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

背景枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れるここに文章を入れる</span></strong> </p>

</div>

明るく鮮やかな琥珀

シンプル枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ダブル枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ドット枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ステッチ枠

ここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

背景枠

ここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

見出し枠～丸

ここに見出しを入れる

ここに文章を入れる

<div style="display: inline-block; background: #FCB900; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #FCB900; border-radius: 0 0 10px 10px; ">

<p>ここに文章を入れる </p>

</div>

見出し枠～角

ここに見出しを入れる

ここに文章を入れる

<div style="display: inline-block; background: #FCB900; padding: 5px 10px; color: #ffffff; border-radius: 5px 5px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #FCB900;">

<p>ここに文章を入れる </p>

</div>

大きい見出し枠

ここに見出しを入れる

ここに文章を入れる

<div style="background: #FCB900; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #FCB900; border-radius: 0 0 10px 10px;">

<p>ここに文章を入れる </p>

</div>

シンプル枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ダブル枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ドット枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ステッチ枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

背景枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れるここに文章を入れる</span></strong> </p>

</div>

明るく鮮やかなオレンジ

シンプル枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ダブル枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ドット枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ステッチ枠

ここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

背景枠

ここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

見出し枠～丸

ここに見出しを入れる

ここに文章を入れる

<div style="display: inline-block; background: #FF6900; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #FF6900; border-radius: 0 0 10px 10px; ">

<p>ここに文章を入れる </p>

</div>

見出し枠～角

ここに見出しを入れる

ここに文章を入れる

<div style="display: inline-block; background: #FF6900; padding: 5px 10px; color: #ffffff; border-radius: 5px 5px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #FF6900;">

<p>ここに文章を入れる </p>

</div>

大きい見出し枠

ここに見出しを入れる

ここに文章を入れる

<div style="background: #FF6900; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #FF6900; border-radius: 0 0 10px 10px;">

<p>ここに文章を入れる </p>

</div>

シンプル枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ダブル枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ドット枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ステッチ枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

背景枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れるここに文章を入れる</span></strong> </p>

</div>

鮮やかな赤

シンプル枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ダブル枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ドット枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ステッチ枠

ここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

背景枠

ここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

見出し枠～丸

ここに見出しを入れる

ここに文章を入れる

<div style="display: inline-block; background: #CF2E2E; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #CF2E2E; border-radius: 0 0 10px 10px; ">

<p>ここに文章を入れる </p>

</div>

見出し枠～角

ここに見出しを入れる

ここに文章を入れる

<div style="display: inline-block; background: #CF2E2E; padding: 5px 10px; color: #ffffff; border-radius: 5px 5px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #CF2E2E;">

<p>ここに文章を入れる </p>

</div>

大きい見出し枠

ここに見出しを入れる

ここに文章を入れる

<div style="background: #CF2E2E; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #CF2E2E; border-radius: 0 0 10px 10px;">

<p>ここに文章を入れる </p>

</div>

シンプル枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ダブル枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ドット枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ステッチ枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

背景枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れるここに文章を入れる</span></strong> </p>

</div>

淡いピンク

シンプル枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ダブル枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ドット枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ステッチ枠

ここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

背景枠

ここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

見出し枠～丸

ここに見出しを入れる

ここに文章を入れる

<div style="display: inline-block; background: #F78DA7; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #F78DA7; border-radius: 0 0 10px 10px; ">

<p>ここに文章を入れる </p>

</div>

見出し枠～角

ここに見出しを入れる

ここに文章を入れる

<div style="display: inline-block; background: #F78DA7; padding: 5px 10px; color: #ffffff; border-radius: 5px 5px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #F78DA7;">

<p>ここに文章を入れる </p>

</div>

大きい見出し枠

ここに見出しを入れる

ここに文章を入れる

<div style="background: #F78DA7; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #F78DA7; border-radius: 0 0 10px 10px;">

<p>ここに文章を入れる </p>

</div>

シンプル枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ダブル枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ドット枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ステッチ枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

背景枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れるここに文章を入れる</span></strong> </p>

</div>

鮮やかなパープル

シンプル枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ダブル枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ドット枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ステッチ枠

ここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

背景枠

ここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

見出し枠～丸

ここに見出しを入れる

ここに文章を入れる

<div style="display: inline-block; background: #9B51E0; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #9B51E0; border-radius: 0 0 10px 10px; ">

<p>ここに文章を入れる </p>

</div>

見出し枠～角

ここに見出しを入れる

ここに文章を入れる

<div style="display: inline-block; background: #9B51E0; padding: 5px 10px; color: #ffffff; border-radius: 5px 5px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #9B51E0;">

<p>ここに文章を入れる </p>

</div>

大きい見出し枠

ここに見出しを入れる

ここに文章を入れる

<div style="background: #9B51E0; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #9B51E0; border-radius: 0 0 10px 10px;">

<p>ここに文章を入れる </p>

</div>

シンプル枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ダブル枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ドット枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ステッチ枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

背景枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れるここに文章を入れる</span></strong> </p>

</div>

シアンブルーグレー

シンプル枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ダブル枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ドット枠

ここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ステッチ枠

ここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

背景枠

ここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

見出し枠～丸

ここに見出しを入れる

ここに文章を入れる

<div style="display: inline-block; background: #ABB8C3; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #ABB8C3; border-radius: 0 0 10px 10px; ">

<p>ここに文章を入れる </p>

</div>

見出し枠～角

ここに見出しを入れる

ここに文章を入れる

<div style="display: inline-block; background: #ABB8C3; padding: 5px 10px; color: #ffffff; border-radius: 5px 5px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #ABB8C3;">

<p>ここに文章を入れる </p>

</div>

大きい見出し枠

ここに見出しを入れる

ここに文章を入れる

<div style="background: #ABB8C3; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>ここに見出しを入れる</strong></div> <div style="background: #ffffea; padding: 10px; border: 2px solid #ABB8C3; border-radius: 0 0 10px 10px;">

<p>ここに文章を入れる </p>

</div>

シンプル枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ダブル枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れる </p>

<p>ここに文章を入れるここに文章を入れるここに文章を入れる </p>

</div>

ドット枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p>ここに文章を入れる </p>

</div>

ステッチ枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

</div>

背景枠～自動調整

ここに文章を入れる

ここに文章を入れるここに文章を入れる

ここに文章を入れるここに文章を入れるここに文章を入れる

<p> <strong><span style="color: #ffffff;">ここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れる</span></strong> </p>

<p> <strong><span style="color: #ffffff;">ここに文章を入れるここに文章を入れるここに文章を入れる</span></strong> </p>

</div>

いかがでしたでしょうか？

というわけで、コピペでかんたん便利！デフォルト１０色から選べる【ワードプレスの囲み枠全１３０種】でした！

コピペでかんたん便利！デフォルト１０色から選べる【ワードプレスの囲み枠 全１３０種】

かんたん囲み枠 １３０種類

鮮やかなシアンブルー

淡いシアンブルー

鮮やかなグリーンシアン

薄いグリーンシアン

明るく鮮やかな琥珀

明るく鮮やかなオレンジ

鮮やかな赤

淡いピンク

鮮やかなパープル

シアンブルーグレー

コピペでかんたん便利！デフォルト１０色から選べる【ワードプレスの囲み枠全１３０種】

かんたん囲み枠１３０種類