かわいくてエレガントな枠つき背景です。

文字数に合わせてサイズが変わります。

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

 

外枠つき背景

 

実 線:solid

 

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

 

 

点 線:dotted

 

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

 

 

二重線:double

 

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

 

 

破 線:dashed

 

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

 

 

外枠つき角丸背景

 

実 線:solid

 

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

 

 

点 線:dotted

 

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

 

 

二重線:double

 

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

 

 

破 線:dashed

 

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

 

 

このピンクと同じ色です。

↓ ↓ ↓

 

 

※囲み枠の無断転載・再配布は禁止です。

よくある質問【囲み枠編】をご覧ください。

 

 

LINEの友だち追加で
「アメブロで使えるかわいいマーカー」

プレゼント!
「マーカー」と送って下さい
ドキドキ 

 

友だち追加

ID検索は @570smkow 

 

 

囲み枠・人気記事

 

集客につながるブログ作りをサポートしています。

 

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

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

 

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