お好きな囲み枠を選んで「コピー」ボタンを押してください。
コピーしたコードをアメブロの記事編集画面の「HTML表示」に貼り付けて使えます。
パール背景囲み枠
<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20220531/18/atelier-plume-net/9a/1a/j/o0650065015126145577.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.6);border-radius:5px;border:4px double #e8d5af;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで！</div></div>風船背景囲み枠
<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20230322/21/atelier-plume-net/b2/a7/j/o0650065015259003519.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.5);border-radius:5px;border:4px double #F9DCCC;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで！</div></div>グリーンぼかし背景囲み枠
<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20250805/16/atelier-plume-net/e1/a7/j/o0650065015646590600.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.4);border-radius:5px;border:4px double #E1F1CD;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで！</div></div>ふんわり薔薇背景囲み枠
<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20220708/08/atelier-plume-net/dd/05/j/o0650065015143870697.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.7);border-radius:5px;border:4px double #e8d5af;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで！</div></div>カスミソウ背景囲み枠
<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20220907/10/atelier-plume-net/ce/c2/j/o0650065015171295441.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.4);border-radius:5px;border:4px double #ECF2E3;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで！</div></div>薔薇背景囲み枠
<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20250514/20/atelier-plume-net/27/b2/j/o0650065015594437504.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.6);border-radius:5px;border:4px double #e8d5af;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで！</div></div>コスモス背景囲み枠
<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20220921/14/atelier-plume-net/82/0e/j/o0650065015177704322.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.5);border-radius:5px;border:4px double #F1DDEA;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで！</div></div>キンモクセイ背景囲み枠
<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20210826/19/atelier-plume-net/db/06/j/o0650065014992221911.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.6);border-radius:5px;border:4px double #e8d5af;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで！</div></div></div>