ナチュラルな囲み枠

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>

その他の囲み枠

かわいい
エレガント
爽やか
Contents