タイトルボックス付き囲み枠 
  • タイトルボックス付き囲み枠
  • 角丸タイトルボックス付き囲み枠
  • 角丸タイトルボックス付き角丸囲み枠
  • タイトルラベル付き囲み枠
  • 角丸タイトルラベル付き囲み枠
  • 角丸タイトルラベル付き角丸囲み枠
    があります。

 

タイトルボックス付き囲み枠

 

 ここにタイトル
ここに文字
改行はshift+エンター

 

<div style="background: #DECBF4; padding: 8px;"> <span style="font-weight: bold; color: #ffffff;">ここにタイトル</span></div><div style="border: 2px solid #DECBF4; padding: 15px;">ここに文字<br> 改行はshift+エンター</div><div>

 

 

 

角丸タイトルボックス付き囲み枠

 

 ここにタイトル
ここに文字
改行はshift+エンター

 

<div style="background: #DECBF4; padding: 8px;border-top-left-radius: 10px; border-top-right-radius: 10px;"> <span style="font-weight: bold; color: #ffffff;">ここにタイトル</span></div><div style="border: 2px solid #DECBF4; padding: 15px;">ここに文字<br>改行はshift+エンター</div>

 

 

 

角丸タイトルボックス付き角丸囲み枠

 

 ここにタイトル
ここに文字
改行はshift+エンター

 

<div style="background: #DECBF4; padding: 8px;border-top-left-radius: 10px; border-top-right-radius: 10px;"> <span style="font-weight: bold; color: #ffffff;">ここにタイトル</span></div><div style="border:2px solid #DECBF4; padding: 15px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">ここに文字<br>改行はshift+エンター</div>

 

 

 

タイトルラベル付き囲み枠

 

 ここにタイトル 
ここに文字
改行はshift+エンター

 

<div style="display: inline-block; background: #DECBF4; padding: 5px;"><span style="font-weight: bold; color: #ffffff;"> ここにタイトル </span></div><div style="border: 2px solid #DECBF4; padding: 15px;">ここに文字<br>改行はshift+エンター</div>

 

 

 

角丸タイトルラベル付き囲み枠

 

 ここにタイトル 
ここに文字
改行はshift+エンター

 

<div style="display: inline-block; background: #DECBF4; padding: 5px;border-top-left-radius: 10px; border-top-right-radius: 10px;"><span style="font-weight: bold; color: #ffffff;"> ここにタイトル </span></div><div style="border: 2px solid #DECBF4; padding: 15px;">ここに文字<br> 改行はshift+エンター</div>

 

 

 

角丸タイトルラベル付き角丸囲み枠

 

 ここにタイトル 
ここに文字
改行はshift+エンター

 

<div style="display: inline-block; background: #DECBF4; padding: 5px;border-top-left-radius: 10px; border-top-right-radius: 10px;"><span style="font-weight: bold; color:#ffffff;"> ここにタイトル </span></div><div style="border: 2px solid #DECBF4; padding: 15px;border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">ここに文字<br> 改行はshift+エンター</div>

 

 

LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています!

「マーカー」とメッセージを送ってね
ドキドキ

友だち追加

ID検索は @570smkow 

 

 

アメブロ囲み枠

 

 

メッセージボードや

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

  • ダマスク背景
  • 角丸ダマスク背景
  • 影つきダマスク背景
  • 影つき角丸ダマスク背景

 

シンプルダマスク背景

 

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

 

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

 

 

 

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

 

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

 

 

 

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

 

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

 

 

角丸ダマスク背景

 

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

 

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

 

 

 

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

 

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

 

 

 

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

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20220526/14/atelier-plume-net/4a/f0/j/o0650065015123557892.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>

 

 

影つきダマスク背景

 

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

 

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

 

 

 

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

 

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

 

 

 

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

 

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

 

 

影つき角丸ダマスク背景

 

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

 

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

 

 

 

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

 

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

 

 

 

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

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20220526/14/atelier-plume-net/4a/f0/j/o0650065015123557892.jpg);border-radius:10px;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><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>

 

 

 

LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています!

「マーカー」とメッセージを送ってね
ドキドキ

友だち追加

ID検索は @570smkow 

 

 

アメブロ囲み枠

 

 

アメブロの作り方:デザインとブログアドバイス

 

先週人気だった囲み枠です♡
囲み枠を選ぶときの参考にしてみてくださいね。

 
奈城有美

 

 

宝石赤 1位 宝石赤

 

 

宝石紫 2位 宝石紫

 

 

宝石ブルー 3位 宝石ブルー

 


宝石白 4位 宝石白

 

 

宝石白 5位 宝石白

 

 

宝石白 6位 宝石白

 

 

宝石白 7位 宝石白

 

 

宝石白 8位 宝石白

 

 

宝石白 9位 宝石白

 

 

宝石白 10位 宝石白

 

 

 

LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています!

「マーカー」とメッセージを送ってね
ドキドキ

友だち追加

ID検索は @570smkow 

 

 

アメブロ囲み枠

 

 

メッセージボードや

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

  • グリーンのキラキラ画像背景
  • 角丸グリーンのキラキラ画像背景
  • 影つきグリーンのキラキラ画像背景
  • 影つき角丸グリーンのキラキラ画像背景があります。 





 


 

シンプルグリーンのキラキラ画像背景

 

 

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



 

 

<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220314/19/atelier-plume-net/bb/9e/j/o0650065015087802168.jpg);"><div style="background:rgba(255,255,255,0.7);padding:20px">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

 

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



 

 

<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220314/19/atelier-plume-net/bb/9e/j/o0650065015087802168.jpg);"><div style="background:rgba(255,255,255,0.7);padding:5px;"><div style="border:4px double #A3E859;padding:20px">本文はここに入力してください。改行はShift+Enterで!</div></div></div>

 

 

 

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

 

 

<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220314/19/atelier-plume-net/bb/9e/j/o0650065015087802168.jpg);"><div style="background:rgba(255,255,255,0.7);padding:5px;"><div style="border:4px double #DFC69B;padding:20px">本文はここに入力してください。改行はShift+Enterで!</div></div></div>

 

 

角丸グリーンのキラキラ画像背景

 

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



 

 

<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220314/19/atelier-plume-net/bb/9e/j/o0650065015087802168.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.7);padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

 

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



 

 

<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220314/19/atelier-plume-net/bb/9e/j/o0650065015087802168.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.7);padding:5px;border-radius:5px;"> <div style="border:4px double #A3E859;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで!</div></div></div>

 

 

 

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



 

 

<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220314/19/atelier-plume-net/bb/9e/j/o0650065015087802168.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.7);padding:5px;border-radius:5px;"><div style="border:4px double #DFC69B;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで!</div></div></div>

 

 

影つきグリーンのキラキラ画像背景

 

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



 

 

<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220314/19/atelier-plume-net/bb/9e/j/o0650065015087802168.jpg);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.7);padding:20px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

 

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



 

 

<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220314/19/atelier-plume-net/bb/9e/j/o0650065015087802168.jpg);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.7);padding:5px;"><div style="border:4px double #A3E859;padding:20px">本文はここに入力してください。改行はShift+Enterで!</div></div></div>

 

 

 

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



 

 

<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220314/19/atelier-plume-net/bb/9e/j/o0650065015087802168.jpg);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.7);padding:5px;"><div style="border:4px double #DFC69B;padding:20px">本文はここに入力してください。改行はShift+Enterで!</div></div></div>

 

 

影つき角丸グリーンのキラキラ画像背景

 

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



 

 

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

 

 

 

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



 

 

<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220314/19/atelier-plume-net/bb/9e/j/o0650065015087802168.jpg);border-radius:10px;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.7);padding:5px;border-radius:5px;"><div style="border:4px double #A3E859;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで!</div></div></div>

 

 

 

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



 

 

<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220314/19/atelier-plume-net/bb/9e/j/o0650065015087802168.jpg);border-radius:10px;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.7);padding:5px;border-radius:5px;"><div style="border:4px double #DFC69B;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで!</div></div></div>

 

 

LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています!

「マーカー」とメッセージを送ってね
ドキドキ

友だち追加

ID検索は @570smkow 

 

 

アメブロ囲み枠

 

 

メッセージボードや

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

 

  • グリーンのキラキラ背景
  • 角丸グリーンのキラキラ背景
  • 影つきグリーンのキラキラ背景
  • 影つき角丸グリーンのキラキラ背景



 

 

シンプルグリーンのキラキラ背景

 

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

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20250625/20/atelier-plume-net/ea/c6/j/o0650065015623227909.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/20250625/20/atelier-plume-net/ea/c6/j/o0650065015623227909.jpg);"><div style="background:rgba(255,255,255,0.5);border:4px double #B1E4DB;padding:20px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

 

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

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20250625/20/atelier-plume-net/ea/c6/j/o0650065015623227909.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/20250625/20/atelier-plume-net/ea/c6/j/o0650065015623227909.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/20250625/20/atelier-plume-net/ea/c6/j/o0650065015623227909.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.5);border-radius:5px;border:4px double #B1E4DB;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

 

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

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20250625/20/atelier-plume-net/ea/c6/j/o0650065015623227909.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/20250625/20/atelier-plume-net/ea/c6/j/o0650065015623227909.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/20250625/20/atelier-plume-net/ea/c6/j/o0650065015623227909.jpg);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.5);border:4px double #B1E4DB;padding:20px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

 

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

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20250625/20/atelier-plume-net/ea/c6/j/o0650065015623227909.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/20250625/20/atelier-plume-net/ea/c6/j/o0650065015623227909.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/20250625/20/atelier-plume-net/ea/c6/j/o0650065015623227909.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 #B1E4DB;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで!</div></div>

 

 

 

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

 

<div style="padding:16px;background:url(https://stat.ameba.jp/user_images/20250625/20/atelier-plume-net/ea/c6/j/o0650065015623227909.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>

 

 

LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています!

「マーカー」とメッセージを送ってね
ドキドキ

友だち追加

ID検索は @570smkow 

 

 

アメブロ囲み枠