爽やか囲み枠セット

爽やかな囲み枠セットです。

セットでご使用になっても

個別でご使用になっても♡

 

見出し

 

<div style="background:#55D8EB; padding:5px 15px; margin-bottom:5px;"><font color="#ffffff"><b>ここに見出し</b></font></div>

 

 

シンプルな背景色

 

シンプルな背景色（幅いっぱいタイプ）
本文はここに入力してください。
改行はShift+Enterで！

 

<div style="background:#EAF7FB; padding:15px;">本文はここに入力してください。改行はShift+Enterで！</div>

 

シンプルな背景色（文字幅タイプ）
本文はここに入力してください。
改行はShift+Enterで！

 

<div style="display:inline-block;background:#EAF7FB; padding:15px;">本文はここに入力してください。改行はShift+Enterで！</div>

 

 

背景色と太字

 

背景色（マーカー）と太字

 

<mark style="background-color:#FFF3C3;"><b>ここに文字</b></mark>

 

 

背景色（マーカー）と太字Lサイズ

 

<mark style="background-color:#FFF3C3;"><span style="font-size:1.4em;font-weight:bold;">ここに文字</span></mark>

 

 

爽やか囲み枠①

 

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

 

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

 

 

こちらの囲み枠です

↓　↓　↓

 

 

 

爽やか囲み枠②

 

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

 

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

 

 

こちらの囲み枠です

↓　↓　↓

 

 

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

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

友だち追加

ID検索は @570smkow 

 

 

アメブロ囲み枠

 

 

先週（4月26日～5月2日）人気だった囲み枠ベスト10

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

 

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

 
奈城有美

 

 

宝石赤　1位　宝石赤

 

 

宝石紫　2位　宝石紫

 

 

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

 


宝石白　4位　宝石白

 

 

宝石白　5位　宝石白

 

 

宝石白　6位　宝石白

 

 

宝石白　7位　宝石白

 

 

宝石白　8位　宝石白

 

 

宝石白　9位　宝石白

 

 

宝石白　10位　宝石白

 

 

 

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

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

友だち追加

ID検索は @570smkow 

 

 

アメブロ囲み枠

 

 

ロマンチック囲み枠セット

ロマンチックな囲み枠セットです。

セットでご使用になっても

個別でご使用になっても♡

 

見出し

 

見出し

 

<div style="border-left: 7px solid #DBD1DB; border-bottom: 2px solid #DBD1DB; padding: 8px; font-weight:bold;">ここに見出し</div>

 

 

シンプルな背景色

 

シンプルな背景色（幅いっぱいタイプ）
本文はここに入力してください。
改行はShift+Enterで！

 

<div style="background:#F2FAF9; padding:15px;">本文はここに入力してください。改行はShift+Enterで！</div>

 

シンプルな背景色（文字幅タイプ）
本文はここに入力してください。
改行はShift+Enterで！

 

<div style="display:inline-block;background:#F2FAF9; padding:15px;">本文はここに入力してください。改行はShift+Enterで！</div>

 

 

背景色と太字

 

背景色（マーカー）と太字

 

<mark style="background-color:#F7F1E1;"><span style="color:#3d2106;"><b>ここに文字</b></span></mark>

 

 

背景色（マーカー）と太字Lサイズ

 

<mark style="background-color:#F7F1E1;"><span style="font-size:1.4em;color:#3d2106; font-weight:bold;">ここに文字</span></mark>

 

 

文字色

 

パープル文字色

<span style="color:#8E6289;">パープル文字色</span>

 

 

ロマンティック囲み枠①

 

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

 

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

 

 

こちらの囲み枠です

↓　↓　↓

 

 

ロマンティック囲み枠②

 

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

 

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

 

 

こちらの囲み枠です

↓　↓　↓

 

 

 

 

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

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

友だち追加

ID検索は @570smkow 

 

 

アメブロ囲み枠

 

 

2026年4月に人気だった囲み枠ベスト10

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

 

4月に人気だった囲み枠をご紹介します。

どの囲み枠にしようか迷ったときの参考にしてみてください＾＾

 

宝石赤　1位　宝石赤

 

 

宝石紫　2位　宝石紫

 

 

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

 

 

宝石白　4位　宝石白

 

 

宝石白　5位　宝石白

 

 

宝石白　6位　宝石白

 

 

宝石白　7位　宝石白

 

 

宝石白　8位　宝石白

 

 

宝石白　9位　宝石白

 

 

宝石白　10位　宝石白

 

 

 

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

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

友だち追加

ID検索は @570smkow 

 

 

アメブロ囲み枠

 

 

かわいいシャビーシック外枠つき囲み枠カラーセット

シャビーシックでかわいい外枠つき

囲み枠カラーセットです。

このままボタン囲み枠としても♡

 

 

文字数に合わせてサイズが変わります。

幅いっぱいにするときは2つある

display:inline-block; 

を削除してくださいね。

 

外枠つきシンプル囲み枠

 

本文はここに。改行はShift+Enterで♡

 

<div style="display:inline-block; padding:2px; border:2px solid #FCE7F8;"><div style="display:inline-block; background:#FCE7F8; padding:10px;">本文はここに入力してください。改行はShift+Enterで♡</div></div>

 

 

本文はここに。改行はShift+Enterで♡

 

<div style="display:inline-block; padding:2px; border:2px solid #EDECFA;"><div style="display:inline-block; background:#EDECFA; padding:10px;">本文はここに入力してください。改行はShift+Enterで♡</div></div>

 

 

本文はここに。改行はShift+Enterで♡

 

<div style="display:inline-block; padding:2px; border:2px solid #FBE8F2;"><div style="display:inline-block; background:#FBE8F2; padding:10px;">本文はここに入力してください。改行はShift+Enterで♡</div></div>

 

 

外枠つき角丸囲み枠

 

本文はここに。改行はShift+Enterで♡

 

<div style="display:inline-block; padding:2px; border:2px solid #FCE7F8;border-radius:8px;"><div style="display:inline-block; background:#FCE7F8; padding:10px;border-radius:8px;">本文はここに入力してください。改行はShift+Enterで♡</div></div>

 

 

本文はここに。改行はShift+Enterで♡

 

<div style="display:inline-block; padding:2px; border:2px solid #EDECFA;border-radius:8px;"><div style="display:inline-block; background:#EDECFA; padding:10px;border-radius:8px;">本文はここに入力してください。改行はShift+Enterで♡</div></div>

 

 

本文はここに。改行はShift+Enterで♡

 

<div style="display:inline-block; padding:2px; border:2px solid #FBE8F2;border-radius:8px;"><div style="display:inline-block; background:#FBE8F2; padding:10px;border-radius:8px;">本文はここに入力してください。改行はShift+Enterで♡</div></div>

 

 

 

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

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

友だち追加

ID検索は @570smkow 

 

 

アメブロ囲み枠