おススメの囲み枠を揃えてみました♡
シンプルで上品な華奢枠使いやすいスタンダード枠可愛いポールチェーン枠タイトルにもつかえる背景色お洒落に目立つ背景付き枠くっきりわかりやすいダブル枠背景色つきダブル枠背景色つきポールチェーン枠浮いて見えるシャドウ枠ふんわり可愛いぼかし枠
改行する時の
「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>
文字数に合わせて
囲み枠の幅を変えたいかたはこちら▽
大人かわいい上品な枠線なので
とっても使いやすいです(*^-^*)
ブログを魅力的に魅せたいかたは
ぜひ使ってみてくださいね♡
𝓓𝓮𝓼𝓲𝓰𝓷
