<div style="background: #c3e2cd; border-top-right-radius: 20px; border: 1px solid #c3e2cd; padding-left: 10px;"><span style="color: #ffffff; font-weight: bold;">ここにタイトル</span></div><div style="border: 1px solid #c3e2cd; padding: 10px;">ここに本文</div>
<div style="background: #f6b8b7; border-top-right-radius: 20px; border: 1px solid #f6b8b7; padding-left: 10px;"><span style="color: #ffffff; font-weight: bold;">ここにタイトル</span></div><div style="border: 1px solid #f6b8b7; padding: 10px;">ここに本文</div>
<div style="background: #83b9d4; border-top-right-radius: 20px; border: 1px solid #83b9d4; padding-left: 10px;"><span style="color: #ffffff; font-weight: bold;">ここにタイトル</span></div><div style="border: 1px solid #83b9d4; padding: 10px;">ここに本文</div>
<div style="background: #ded8d4; border-top-right-radius: 20px; border: 1px solid #ded8d4; padding-left: 10px;"><span style="color: #ffffff; font-weight: bold;">ここにタイトル</span></div><div style="border: 1px solid #ded8d4; padding: 10px;">ここに本文</div>
<div style="background: #c3e2cd; border: 1px solid #c3e2cd; padding-left: 10px;"><span style="color: #ffffff; font-weight: bold;">ここにタイトル</span></div><div style="border: 1px solid #c3e2cd; padding: 10px;">ここに本文</div>
<div style="background: #f6b8b7; border: 1px solid #f6b8b7; padding-left: 10px;"><span style="color: #ffffff; font-weight: bold;">ここにタイトル</span></div><div style="border: 1px solid #f6b8b7; padding: 10px;">ここに本文</div>
<div style="background: #83b9d4; border: 1px solid #83b9d4; padding-left: 10px;"><span style="color: #ffffff; font-weight: bold;">ここにタイトル</span></div><div style="border: 1px solid #83b9d4; padding: 10px;">ここに本文</div>
<div style="background: #ded8d4; border: 1px solid #ded8d4; padding-left: 10px;"><span style="color: #ffffff; font-weight: bold;">ここにタイトル</span></div><div style="border: 1px solid #ded8d4; padding: 10px;">ここに本文</div>
囲み枠を各種取り揃えています。ご自由にご利用ください
アンドロイドご利用の方は、アンドロイド対応の囲み枠をご利用下さい。
アンドロイド対応囲み枠
破線枠
実線枠
タイトル付枠
スイートカラー編
ナチュラルカラー編
ポップカラー編
さわやかカラー編エレガントカラー編
グレイッシュカラー編
レトロカラー編
和風カラー編
バナー風囲み枠①
バナー風囲み枠②
