おススメの囲み枠シリーズ
サイズが変わるデザインを揃えてみました♡
枠の外にそのまま文字が
書けるように修正したのでとっても便利♡
改行も「Shift+Enter」いらず
文字数や画像サイズに合わせて横幅がかわるので
スッキリ魅せられます(*^^*)
シンプルで上品な華奢枠使いやすいスタンダード枠可愛いポールチェーン枠タイトルにもつかえる背景色お洒落に目立つ背景付き枠くっきりわかりやすいダブル枠背景色つきダブル枠背景色つきポールチェーン枠浮いて見えるシャドウ枠ふんわり可愛いぼかし枠
パソコンでブログを書くときに
HTML編集画面にし
そちらにタグをコピペしてお使いください♡
サイズが変わる囲み枠一覧
シンプルで上品な華奢枠
★のところに文字を入れてね♡
▼こちらをコピペ▼
<p> </p><div style="display:inline-block;background:#fff; padding:10px; border:1px solid #F4B0BA;">
<div style="margin:0;"><span style="background-color: rgb(255, 255, 255);">★★</span></div></div><p> </p>
使いやすいスタンダード枠
★のところに文字を入れてね♡
▼こちらをコピペ♡▼
<p> </p><div style="display:inline-block;background:#fff; padding:10px; border:2px solid #FFB6A5;">
<div style="margin:0;"><span style="background-color: rgb(255, 255, 255);">★★</span></div></div><p> </p>
可愛いポールチェーン枠
★のところに文字を入れてね♡
▼こちらをコピペ♡▼
<p> </p><div style="display:inline-block;background:#fff; padding:10px; border:2px dotted #F7E1E2;">
<div style="margin:0;"><span style="background-color: rgb(255, 255, 255);">★★</span></div></div><p> </p>
タイトルにもつかえる背景色
★のところに文字を入れてね♡
▼こちらをコピペ♡▼
<p> </p><div style="display:inline-block;background:#ffd6ea; padding:10px; border:none;">
<div style="margin:0;"><span style="background-color: rgb(255, 214, 234);">★★</span></div></div><p> </p>
お洒落に目立つ背景付き枠
★のところに文字を入れてね♡
▼こちらをコピペ♡▼
<p> </p><div style="display:inline-block;background:#fef2ef; padding:10px; border:2px solid #EBE7E1;">
<div style="margin:0;"><span style="background-color: rgb(254, 242, 239);">★★</span></div></div><p> </p>
くっきりわかりやすいダブル枠
★のところに文字を入れてね♡
▼こちらをコピペ♡▼
<p> </p><div style="display:inline-block;background:#fff; padding:10px; border:3px double#F4A460;">
<div style="margin:0;"><span style="background-color: rgb(255, 255, 255);">★★</span></div></div><p> </p>
背景色つきダブル枠
★のところに文字を入れてね♡
▼こちらをコピペ♡▼
<p> </p><div style="display:inline-block;background:#FCF3F3; padding:10px; border:4px double #DDDBDC;">
<div style="margin:0;"><span style="background-color: rgb(252, 243, 243);">★★</span></div></div><p> </p>
背景色つきポールチェーン枠
★のところに文字を入れてね♡
▼こちらをコピペ♡▼
<p> </p><div style="display:inline-block;background:#fef2ef; padding:10px; border:2px dotted #DDDBDC;">
<div style="margin:0;"><span style="background-color: rgb(254, 242, 239);">★★</span></div></div><p> </p>
浮いて見えるシャドウ枠
★のところに文字を入れてね♡
▼こちらをコピペ♡▼
<p> </p><div style="display:inline-block;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><p> </p>
ふんわり可愛いぼかし枠
★のところに文字を入れてね♡
▼こちらをコピペ▼
<p> </p><div style="display:inline-block;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><p> </p>
大人かわいい上品な枠線なので
とっても使いやすいです(*^-^*)
ブログを魅力的に魅せたいかたは
ぜひ使ってみてくださいね♡
✾ハッシュタグについてもっと知ろう♡
▸ヘッダーをブログに設置する方法♡
▸四角形囲み枠１０選
▸大人可愛いお申込みボタン１２種♡
▸ふんわりやわらか囲み枠２０色♡
▸【アメブロカスタマイズ方法】まとめ
