ピンク×ゴールドのエレガントな枠線

かわいくてエレガントな枠つき背景です。
文字数に合わせてサイズが変わります。

外枠つき背景
外枠つき角丸背景
中枠つき背景
中枠つき角丸背景があります♥

外枠つき背景

ピンクの背景にゴールド実線外枠

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

ピンクの背景にゴールド点線外枠

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

ピンクの背景にゴールド二重線外枠

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

ピンクの背景にゴールド破線外枠

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

外枠つき角丸背景

ピンクの角丸背景にゴールド実線外枠

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

ピンクの角丸背景にゴールド点線外枠

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

ピンクの角丸背景にゴールド二重線外枠

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

ピンクの角丸背景にゴールド破線外枠

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

中枠つき背景

ピンクの背景にゴールド中枠実線

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

ピンクの背景にゴールド中枠点線

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

ピンクの背景にゴールド中枠二重線

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

ピンクの背景にゴールド中枠破線

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

中枠つき角丸背景

ピンクの角丸背景にゴールド中枠実線

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

枠線の使い方

「ブログを書く」のHTML表示に貼り付けてお使いください。

改行は通常表示・HTML表示の両方でできます。

　通常表示で改行するとき　Windows　→　Shift＋Enterで改行
Mac　→　command＋Enterで改行

　HTML表示で改行するとき　改行したい文字の後ろに<br>を入力

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

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

ID検索は @570smkow

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

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

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

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

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

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