Contents
ナチュラル囲み枠ベージュ
ナチュラルなベージュの囲み枠です。
・シンプル背景
・角丸背景があります。
・シンプル背景
・角丸背景があります。
<div style="padding:15px;background:url(https://stat.ameba.jp/user_images/20240121/11/atelier-plume-net/52/f3/j/o0650065015391918022.jpg);"><div style="background:rgba(255,255,255,0.8);padding:5px;"><div style="border:4px double #E7DED9;padding:15px;">本文はここに入力してください。 改行はShift+Enterで！</div></div></div>
本文はここに入力してください。改行はShift+Enterで！
<div style="padding:15px;background:url(https://stat.ameba.jp/user_images/20240121/11/atelier-plume-net/52/f3/j/o0650065015391918022.jpg);"><div style="background:rgba(255,255,255,0.8);padding:15px;">本文はここに入力してください。 改行はShift+Enterで！</div></div>
本文はここに入力してください。改行はShift+Enterで！
<div style="padding:15px;background:url(https://stat.ameba.jp/user_images/20240121/11/atelier-plume-net/52/f3/j/o0650065015391918022.jpg);"><div style="background:rgba(255,255,255,0.8);padding:5px;"><div style="border:4px double #DFC69B;padding:15px;">本文はここに入力してください。 改行はShift+Enterで！</div></div></div>
本文はここに入力してください。改行はShift+Enterで！
<div style="padding:15px;background:url(https://stat.ameba.jp/user_images/20240121/11/atelier-plume-net/52/f3/j/o0650065015391918022.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.8);padding:15px;border-radius:5px;">本文はここに入力してください。 改行はShift+Enterで！</div></div>
本文はここに入力してください。改行はShift+Enterで！
<div style="padding:15px;background:url(https://stat.ameba.jp/user_images/20240121/11/atelier-plume-net/52/f3/j/o0650065015391918022.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.8);padding:5px;border-radius:5px;"><div style="border:4px double #E7DED9;padding:15px;border-radius:5px;">本文はここに入力してください。 改行はShift+Enterで！</div></div></div>
本文はここに入力してください。改行はShift+Enterで！
<div style="padding:15px;background:url(https://stat.ameba.jp/user_images/20240121/11/atelier-plume-net/52/f3/j/o0650065015391918022.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.8);padding:5px;border-radius:5px;"><div style="border:4px double #DFC69B;padding:15px;border-radius:5px;">本文はここに入力してください。 改行はShift+Enterで！</div></div></div>
ナチュラル囲み枠グリーン
ナチュラルなグリーンの囲み枠です。
・シンプル背景
・角丸背景があります。
・シンプル背景
・角丸背景があります。
<div style="padding:15px;background:url(https://stat.ameba.jp/user_images/20240121/11/atelier-plume-net/c8/1c/j/o0650065015391918024.jpg);"><div style="background:rgba(255,255,255,0.8);padding:5px;"><div style="border:4px double #DAE7DE;padding:15px;">本文はここに入力してください。 改行はShift+Enterで！</div></div></div>
本文はここに入力してください。改行はShift+Enterで！
<div style="padding:15px;background:url(https://stat.ameba.jp/user_images/20240121/11/atelier-plume-net/c8/1c/j/o0650065015391918024.jpg);"><div style="background:rgba(255,255,255,0.8);padding:15px;">本文はここに入力してください。 改行はShift+Enterで！</div></div>
本文はここに入力してください。改行はShift+Enterで！
<div style="padding:15px;background:url(https://stat.ameba.jp/user_images/20240121/11/atelier-plume-net/c8/1c/j/o0650065015391918024.jpg);"><div style="background:rgba(255,255,255,0.8);padding:5px;"><div style="border:4px double #DFC69B;padding:15px;">本文はここに入力してください。 改行はShift+Enterで！</div></div></div>
本文はここに入力してください。改行はShift+Enterで！
<div style="padding:15px;background:url(https://stat.ameba.jp/user_images/20240121/11/atelier-plume-net/c8/1c/j/o0650065015391918024.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.8);padding:15px;border-radius:5px;">本文はここに入力してください。 改行はShift+Enterで！</div></div>
本文はここに入力してください。改行はShift+Enterで！
<div style="padding:15px;background:url(https://stat.ameba.jp/user_images/20240121/11/atelier-plume-net/c8/1c/j/o0650065015391918024.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.8);padding:5px;border-radius:5px;"><div style="border:4px double #DAE7DE;padding:15px;border-radius:5px;">本文はここに入力してください。 改行はShift+Enterで！</div></div></div>
本文はここに入力してください。改行はShift+Enterで！
<div style="padding:15px;background:url(https://stat.ameba.jp/user_images/20240121/11/atelier-plume-net/c8/1c/j/o0650065015391918024.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.8);padding:5px;border-radius:5px;"><div style="border:4px double #DFC69B;padding:15px;border-radius:5px;">本文はここに入力してください。 改行はShift+Enterで！</div></div></div>
ナチュラル囲み枠ブルーグレイ
ナチュラルなブルーグレイの囲み枠です。
・シンプル背景
・角丸背景があります。
・シンプル背景
・角丸背景があります。
<div style="padding:15px;background:url(https://stat.ameba.jp/user_images/20240121/11/atelier-plume-net/33/22/j/o0650065015391918028.jpg);"><div style="background:rgba(255,255,255,0.8);padding:5px;"><div style="border:4px double #D9E2E7;padding:15px;">本文はここに入力してください。 改行はShift+Enterで！</div></div></div>
本文はここに入力してください。改行はShift+Enterで！
<div style="padding:15px;background:url(https://stat.ameba.jp/user_images/20240121/11/atelier-plume-net/33/22/j/o0650065015391918028.jpg);"><div style="background:rgba(255,255,255,0.8);padding:15px;">本文はここに入力してください。 改行はShift+Enterで！</div></div>
本文はここに入力してください。改行はShift+Enterで！
<div style="padding:15px;background:url(https://stat.ameba.jp/user_images/20240121/11/atelier-plume-net/33/22/j/o0650065015391918028.jpg);"><div style="background:rgba(255,255,255,0.8);padding:5px;"><div style="border:4px double #DFC69B;padding:15px;">本文はここに入力してください。 改行はShift+Enterで！</div></div></div>
本文はここに入力してください。改行はShift+Enterで！
<div style="padding:15px;background:url(https://stat.ameba.jp/user_images/20240121/11/atelier-plume-net/33/22/j/o0650065015391918028.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.8);padding:15px;border-radius:5px;">本文はここに入力してください。 改行はShift+Enterで！</div></div>
本文はここに入力してください。改行はShift+Enterで！
<div style="padding:15px;background:url(https://stat.ameba.jp/user_images/20240121/11/atelier-plume-net/33/22/j/o0650065015391918028.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.8);padding:5px;border-radius:5px;"><div style="border:4px double #D9E2E7;padding:15px;border-radius:5px;">本文はここに入力してください。 改行はShift+Enterで！</div></div></div>
本文はここに入力してください。改行はShift+Enterで！
<div style="padding:15px;background:url(https://stat.ameba.jp/user_images/20240121/11/atelier-plume-net/33/22/j/o0650065015391918028.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.8);padding:5px;border-radius:5px;"><div style="border:4px double #DFC69B;padding:15px;border-radius:5px;">本文はここに入力してください。 改行はShift+Enterで！</div></div></div>
その他の囲み枠
