![](https://stat.ameba.jp/user_images/20230413/07/atelier-plume-net/58/e9/p/o1120052015269519108.png?caw=800)
やさしい雰囲気のラテカラーの
外枠つき囲み枠カラーセットです。
このままボタン囲み枠としても♡
文字数に合わせてサイズが変わります。
幅いっぱいにするときは2つある
display:inline-block;
を削除してくださいね。
外枠つきシンプル囲み枠
本文はここに。改行はShift+Enterで♡
<div style="display:inline-block; padding:2px; border:2px solid #E4E5E9;"><div style="display:inline-block; background:#E4E5E9; padding:10px;">本文はここに入力してください。改行はShift+Enterで♡</div></div>
本文はここに。改行はShift+Enterで♡
<div style="display:inline-block; padding:2px; border:2px solid #E2D8D6;"><div style="display:inline-block; background:#E2D8D6; padding:10px;">本文はここに入力してください。改行はShift+Enterで♡</div></div>
本文はここに。改行はShift+Enterで♡
<div style="display:inline-block; padding:2px; border:2px solid #C3B3AB;"><div style="display:inline-block; background:#C3B3AB; padding:10px;color:#ffffff;">本文はここに入力してください。改行はShift+Enterで♡</div></div>
本文はここに。改行はShift+Enterで♡
<div style="display:inline-block; padding:2px; border:2px solid #EDD9D4;"><div style="display:inline-block; background:#EDD9D4; padding:10px;">本文はここに入力してください。改行はShift+Enterで♡</div></div>
外枠つき角丸囲み枠
本文はここに。改行はShift+Enterで♡
<div style="display:inline-block; padding:2px; border:2px solid #E4E5E9;border-radius:8px;"><div style="display:inline-block; background:#E4E5E9; padding:10px;border-radius:8px;">本文はここに入力してください。改行はShift+Enterで♡</div></div>
本文はここに。改行はShift+Enterで♡
<div style="display:inline-block; padding:2px; border:2px solid #E2D8D6;border-radius:8px;"><div style="display:inline-block; background:#E2D8D6; padding:10px;border-radius:8px;">本文はここに入力してください。改行はShift+Enterで♡</div></div>
本文はここに。改行はShift+Enterで♡
<div style="display:inline-block; padding:2px; border:2px solid #C3B3AB;border-radius:8px;"><div style="display:inline-block; background:#C3B3AB; padding:10px;border-radius:8px;color:#ffffff;">本文はここに入力してください。改行はShift+Enterで♡</div></div>
本文はここに。改行はShift+Enterで♡
<div style="display:inline-block; padding:2px; border:2px solid #EDD9D4;border-radius:8px;"><div style="display:inline-block; background:#EDD9D4; padding:10px;border-radius:8px;">本文はここに入力してください。改行はShift+Enterで♡</div></div>
LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています!
「マーカー」とメッセージを送ってね
ID検索は @570smkow
Amebaブログforビジネス公式パートナー
୨୧ アメブロで使える囲み枠一覧
୨୧ 囲み枠 週間・月間ランキング
୨୧ 囲み枠の便利な情報
୨୧ アメブロ設定ポイント10選
୨୧ Canvaのおすすめ情報