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