ロマンチックな囲み枠セットです。
セットでご使用になっても
個別でご使用になっても♡
見出し
見出し
<div style="border-left: 7px solid #DBD1DB; border-bottom: 2px solid #DBD1DB; padding: 8px; font-weight:bold;">ここに見出し</div>
シンプルな背景色
シンプルな背景色(幅いっぱいタイプ)
本文はここに入力してください。
改行はShift+Enterで!
本文はここに入力してください。
改行はShift+Enterで!
<div style="background:#F2FAF9; padding:15px;">本文はここに入力してください。改行はShift+Enterで!</div>
シンプルな背景色(文字幅タイプ)
本文はここに入力してください。
改行はShift+Enterで!
本文はここに入力してください。
改行はShift+Enterで!
<div style="display:inline-block;background:#F2FAF9; padding:15px;">本文はここに入力してください。改行はShift+Enterで!</div>
背景色と太字
背景色(マーカー)と太字
<mark style="background-color:#F7F1E1;"><span style="color:#3d2106;"><b>ここに文字</b></span></mark>
背景色(マーカー)と太字Lサイズ
<mark style="background-color:#F7F1E1;"><span style="font-size:1.4em;color:#3d2106; font-weight:bold;">ここに文字</span></mark>
文字色
パープル文字色
<span style="color:#8E6289;">パープル文字色</span>
ロマンティック囲み枠①
本文はここに入力してください。
改行はShift+Enterで!
改行はShift+Enterで!
<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20220525/11/atelier-plume-net/51/b4/j/o0650065015123042056.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.7);border-radius:5px;border:4px double #C1E6E1;padding:20px;border-radius:5px;">本文はここに入力してください。<br>改行はShift+Enterで!</div></div>
こちらの囲み枠です
↓ ↓ ↓
ロマンティック囲み枠②
本文はここに入力してください。
改行はShift+Enterで!
改行はShift+Enterで!
<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20220712/08/atelier-plume-net/a7/36/j/o0650065015145600517.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.7);border-radius:5px;border:4px double #C1E6E1;padding:20px;border-radius:5px;">本文はここに入力してください。<br>改行はShift+Enterで!</div></div>
こちらの囲み枠です
↓ ↓ ↓
LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています!
「マーカー」とメッセージを送ってね
ID検索は @570smkow
Amebaブログforビジネス公式パートナー
୨୧ アメブロで使える囲み枠一覧
୨୧ 囲み枠 週間・月間ランキング
୨୧ 囲み枠の便利な情報
୨୧ アメブロ設定ポイント10選
୨୧ Canvaのおすすめ情報