カフェ背景の囲み枠

カフェ背景囲み枠です。

メッセージボードや

記事下定型文におすすめです。

  • カフェ背景
  • 角丸カフェ背景
  • 影つきカフェ背景
  • 影つき角丸カフェ背景









 

 

シンプルカフェ背景

 

本文はここに入力してください。
改行はShift+Enterで！

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221102/16/atelier-plume-net/21/3a/j/o0650065015197135075.jpg);"><div style="background:rgba(255,255,255,0.5);padding:20px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

 

 

 

本文はここに入力してください。
改行はShift+Enterで！

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221102/16/atelier-plume-net/21/3a/j/o0650065015197135075.jpg);"><div style="background:rgba(255,255,255,0.5);border:4px double #DDCDB5;padding:20px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

 

 

 

本文はここに入力してください。
改行はShift+Enterで！

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221102/16/atelier-plume-net/21/3a/j/o0650065015197135075.jpg);"><div style="background:rgba(255,255,255,0.5);border:4px double #e8d5af;padding:20px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

 

 

角丸カフェ背景

 

本文はここに入力してください。　
改行はShift+Enterで！

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221102/16/atelier-plume-net/21/3a/j/o0650065015197135075.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.5);padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

 

 

 

本文はここに入力してください。
改行はShift+Enterで！

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221102/16/atelier-plume-net/21/3a/j/o0650065015197135075.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.5);border-radius:5px;border:4px double #DDCDB5;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

 

 

 

本文はここに入力してください。
改行はShift+Enterで！

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221102/16/atelier-plume-net/21/3a/j/o0650065015197135075.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.5);border-radius:5px;border:4px double #e8d5af;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

 

 

影つきカフェ背景

 

本文はここに入力してください。　
改行はShift+Enterで！

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221102/16/atelier-plume-net/21/3a/j/o0650065015197135075.jpg);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.5);padding:20px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

 

 

 

本文はここに入力してください。
改行はShift+Enterで！

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221102/16/atelier-plume-net/21/3a/j/o0650065015197135075.jpg);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.5);border:4px double #DDCDB5;padding:20px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

 

 

 

本文はここに入力してください。
改行はShift+Enterで！

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221102/16/atelier-plume-net/21/3a/j/o0650065015197135075.jpg);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.5);border:4px double #e8d5af;padding:20px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

 

 

影つき角丸カフェ背景

 

本文はここに入力してください。　
改行はShift+Enterで！

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221102/16/atelier-plume-net/21/3a/j/o0650065015197135075.jpg);border-radius:10px;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.5);padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

 

 

 

本文はここに入力してください。
改行はShift+Enterで！

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221102/16/atelier-plume-net/21/3a/j/o0650065015197135075.jpg);border-radius:10px;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.5);border-radius:5px;border:4px double #DDCDB5;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

 

 

 

本文はここに入力してください。
改行はShift+Enterで！

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20221102/16/atelier-plume-net/21/3a/j/o0650065015197135075.jpg);border-radius:10px;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.5);border-radius:5px;border:4px double #e8d5af;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

 

 

 

囲み枠・人気記事

 

集客につながるブログ作りをサポートしています。

 

◆ あなたの魅力があふれるブログに⇒ アメブロカスタマイズ

◆ 書きやすい伝わりやすいブログに⇒ ブログ診断

 

手紙 お問合せ⇒お問合せフォーム