シルバーの外枠つきナチュラルで上品なピンク囲み枠

シルバーっぽい外枠がついた
ナチュラルで上品な
囲み枠です。

文字数で幅が変わるタイプと
幅いっぱいタイプです。

外枠つき背景

実　線：solid

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

点　線：dotted

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

二重線：double

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

破　線：dashed

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

外枠つき角丸背景

実　線：solid

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

点　線：dotted

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

二重線：double

<div style="display:inline-block; padding:5px; border:4px double #E8E8E8; border-radius:10px;"><div style="display:inline-block; background:#FEF8FB; padding:10px; border-radius:10px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

破　線：dashed

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

外枠つき背景(幅いっぱい)

実　線：solid

<div style="padding:5px; border:1px solid #E8E8E8;"><div style="background:#FEF8FB; padding:10px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

点　線：dotted

<div style="padding:5px; border:2px dotted #E8E8E8;"><div style="background:#FEF8FB; padding:10px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

二重線：double

<div style="padding:5px; border:4px double #E8E8E8;"><div style="background:#FEF8FB; padding:10px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

破　線：dashed

<div style="padding:5px; border:2px dashed #E8E8E8;"><div style="background:#FEF8FB; padding:10px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

外枠つき角丸背景(幅いっぱい)

実　線：solid

<div style="padding:5px; border:1px solid #E8E8E8; border-radius:10px;"><div style="background:#FEF8FB; padding:10px; border-radius:10px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

点　線：dotted

<div style="padding:5px; border:2px dotted #E8E8E8; border-radius:10px;"><div style="background:#FEF8FB; padding:10px; border-radius:10px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

二重線：double

<div style="padding:5px; border:4px double #E8E8E8; border-radius:10px;"><div style="background:#FEF8FB; padding:10px; border-radius:10px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

破　線：dashed

<div style="padding:5px; border:2px dashed #E8E8E8; border-radius:10px;"><div style="background:#FEF8FB; padding:10px; border-radius:10px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

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

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

ID検索は @570smkow

୨୧ アメブロで使える囲み枠一覧
୨୧ 囲み枠　週間・月間ランキング
୨୧ 囲み枠の便利な情報
୨୧ アメブロ設定ポイント10選
୨୧ Canvaのおすすめ情報

デザインとブログアドバイスで起業女性をサポートしています。

◆ あなたの魅力があふれるブログに⇒ アメブロカスタマイズ

◆ 書きやすく伝わりやすいブログに⇒ ブログ診断

◆ ランディングページやホームページの制作もしています。

お問合せ⇒お問合せフォーム