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