おススメの囲み枠を揃えてみました♡

 

 

シンプルで上品な華奢枠
使いやすいスタンダード枠
可愛いポールチェーン枠
タイトルにもつかえる背景色
お洒落に目立つ背景付き枠
くっきりわかりやすいダブル枠
背景色つきダブル枠
背景色つきポールチェーン枠

浮いて見えるシャドウ枠
ふんわり可愛いぼかし枠


改行する時の

 

「Shift+Enter」

 

いらないようにしたので

めちゃめちゃ使いやすいですよ♡

 


 

おすすめ囲み枠一覧


シンプルで上品な華奢枠

★のところに文字を入れてね♡

▼こちらをコピペ▼
<div style="background:#fff; padding:10px; border:1px solid #F4B0BA;">
<div style="margin:0;"><span style="background-color: rgb(255, 255, 255);">★★</span></div></div>



使いやすいスタンダード枠

★のところに文字を入れてね♡

▼こちらをコピペ♡▼
<div style="background:#fff; padding:10px; border:2px solid #FFB6A5;">
<div style="margin:0;"><span style="background-color: rgb(255, 255, 255);">★★</span></div></div>

 

 

可愛いポールチェーン枠

★のところに文字を入れてね♡

▼こちらをコピペ♡▼
<div style="background:#fff; padding:10px; border:2px dotted #F7E1E2;">
<div style="margin:0;"><span style="background-color: rgb(255, 255, 255);">★★</span></div></div>

 

 

タイトルにもつかえる背景色

★のところに文字を入れてね♡

▼こちらをコピペ♡▼
<div style="background:#ffd6ea; padding:10px; border:none;">
<div style="margin:0;"><span style="background-color: rgb(255, 214, 234);">★★</span></div></div>

 

 

お洒落に目立つ背景付き枠

★のところに文字を入れてね♡

▼こちらをコピペ♡▼
<div style="background:#fef2ef; padding:10px; border:2px solid #EBE7E1;">
<div style="margin:0;"><span style="background-color: rgb(254, 242, 239);">★★</span></div></div>

 

 

くっきりわかりやすいダブル枠

★のところに文字を入れてね♡

▼こちらをコピペ♡▼
<div style="background:#fff; padding:10px; border:3px double#F4A460;">
<div style="margin:0;"><span style="background-color: rgb(255, 255, 255);">★★</span></div></div>

 

 

背景色つきダブル枠

★のところに文字を入れてね♡

▼こちらをコピペ♡▼
<div style="background:#FCF3F3; padding:10px; border:4px double #DDDBDC;">
<div style="margin:0;"><span style="background-color: rgb(252, 243, 243);">★★</span></div></div>

 

 

背景色つきポールチェーン枠

★のところに文字を入れてね♡

▼こちらをコピペ♡▼
<div style="background:#fef2ef; padding:10px; border:2px dotted #DDDBDC;">
<div style="margin:0;"><span style="background-color: rgb(254, 242, 239);">★★</span></div></div>

 

 

浮いて見えるシャドウ枠

★のところに文字を入れてね♡

▼こちらをコピペ♡▼
<div style="border: 1.5px #dcdcdc solid; padding: 10px; box-shadow: 0 2px 3px 0 #ddd; background: #fff;">
<div style="margin:0;"><span style="background-color: rgb(255, 255, 255);">★★</span></div></div>

 

 

ふんわり可愛いぼかし枠

★のところに文字を入れてね♡

▼こちらをコピペ▼
<div style="padding:10px; margin: 15px; background: #FFE4C4; box-shadow: #FFE4C4 0 0 10px 10px;">
<div style="margin:0;"><span style="background-color: rgb(255, 228, 196);">★★</span></div></div>

 

文字数に合わせて
囲み枠の幅を変えたいかたはこちら▽

 


 

大人かわいい上品な枠線なので

とっても使いやすいです(*^-^*)

 

ブログを魅力的に魅せたいかたは

ぜひ使ってみてくださいね♡

 

𝓓𝓮𝓼𝓲𝓰𝓷