ふんわりかわいい枠つき背景です。
文字数に合わせてサイズが変わります。
- 外枠つき背景
- 外枠つき角丸背景
- 中枠つき背景
- 中枠つき角丸背景があります♥
外枠つき背景
グラデーション背景にゴールド実線外枠
<div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px; border:1px solid #D3BB83;">本文はここに入力してください。改行はShift+Enterで！</div>
グラデーション背景にゴールド点線外枠
<div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px; border:2px dotted #D3BB83;">本文はここに入力してください。改行はShift+Enterで！</div>
グラデーション背景にゴールド二重線外枠
<div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px; border:4px double #D3BB83;">本文はここに入力してください。改行はShift+Enterで！</div>
グラデーション背景にゴールド破線外枠
<div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px; border:2px dashed #D3BB83;">本文はここに入力してください。改行はShift+Enterで！</div>
外枠つき角丸背景
グラデーション角丸背景にゴールド実線外枠
<div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px; border:1px solid #D3BB83; border-radius:10px;">本文はここに入力してください。改行はShift+Enterで！</div>
グラデーション角丸背景にゴールド点線外枠
<div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px; border:2px dotted #D3BB83; border-radius:10px">本文はここに入力してください。改行はShift+Enterで！</div>
グラデーション角丸背景にゴールド二重線外枠
<div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px; border:4px double #D3BB83; border-radius:10px">本文はここに入力してください。改行はShift+Enterで！</div>
グラデーション角丸背景にゴールド破線外枠
<div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px; border:2px dashed #D3BB83; border-radius:10px">本文はここに入力してください。改行はShift+Enterで！</div>
中枠つき背景
グラデーション背景にゴールド中枠実線
<div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px;"><div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px; border:2px solid #D3BB83;">本文はここに入力してください。改行はShift+Enterで！</div></div>
グラデーション背景にゴールド中枠点線
<div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px;"><div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px; border:2px dotted #D3BB83;">本文はここに入力してください。改行はShift+Enterで！</div></div>
グラデーション背景にゴールド中枠二重線
<div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px;"><div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px; border:4px double #D3BB83;">本文はここに入力してください。改行はShift+Enterで！</div></div>
グラデーション背景にゴールド中枠破線
<div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px;"><div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px; border:2px dashed #D3BB83;">本文はここに入力してください。改行はShift+Enterで！</div></div>
中枠つき角丸背景
グラデーション角丸背景にゴールド中枠実線
<div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px; border-radius:10px;"><div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px; border:1px solid #D3BB83; border-radius:10px;">本文はここに入力してください。改行はShift+Enterで！</div></div>
グラデーション角丸背景にゴールド中枠点線
<div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px; border-radius:10px;"><div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px; border:2px dotted #D3BB83; border-radius:10px;">本文はここに入力してください。改行はShift+Enterで！</div></div>
グラデーション角丸背景にゴールド中枠二重線
<div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px; border-radius:10px;"><div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px; border:4px double #D3BB83; border-radius:10px;">本文はここに入力してください。改行はShift+Enterで！</div></div>
グラデーション角丸背景にゴールド中枠破線
<div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px; border-radius:10px;"><div style="display:inline-block; background-image: linear-gradient(45deg, #FEE1F5, #FEECE8); padding:10px; border:2px dashed #D3BB83; border-radius:10px; ">本文はここに入力してください。改行はShift+Enterで！</div></div>
LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています！
「マーカー」とメッセージを送ってね
ID検索は @570smkow
アメブロ囲み枠
୨୧ アメブロで使える囲み枠一覧
୨୧ テイスト別囲み枠セット
୨୧ ピンク囲み枠／ゴールド囲み枠／グリーン囲み枠／水色囲み枠
୨୧ 写真背景囲み枠① ② ③ ④
୨୧ 囲み枠ランキング
୨୧ 囲み枠の種類別一覧とアレンジ方法
୨୧ テイスト別囲み枠セット
୨୧ ピンク囲み枠／ゴールド囲み枠／グリーン囲み枠／水色囲み枠
୨୧ 写真背景囲み枠① ② ③ ④
୨୧ 囲み枠ランキング
୨୧ 囲み枠の種類別一覧とアレンジ方法
デザインとブログアドバイスで起業女性をサポートしています。
アメブロカスタマイズメニュー一覧
集客ブログ診断（アドバイス）
マンツーマンオンラインレッスン
メッセージボード制作代行
LP制作代行メニュー一覧
よくある質問
アメブロカスタマイズ制作実績
お問い合わせ⇒お問い合わせフォーム