ナチュラルで上品な
シルバーっぽい外枠がついた
囲み枠です。
■#FF919Fなどの文字色を
ワンポイントに使っても！
文字数で幅が変わるタイプと
幅いっぱいタイプです。
外枠つき背景
実 線：solid
<div style="display:inline-block; background:#FFF7F8; padding:10px; border:1px solid #E8E8E8;">本文はここに入力してください。改行はShift+Enterで！</div>
点 線：dotted
<div style="display:inline-block; background:#FFF7F8; padding:10px; border:2px dotted #E8E8E8;">本文はここに入力してください。改行はShift+Enterで！</div>
二重線：double
<div style="display:inline-block; background:#FFF7F8; padding:10px; border:4px double #E8E8E8;">本文はここに入力してください。改行はShift+Enterで！</div>
破 線：dashed
<div style="display:inline-block; background:#FFF7F8; padding:10px; border:2px dashed #E8E8E8;">本文はここに入力してください。改行はShift+Enterで！</div>
外枠つき角丸背景
実 線：solid
<div style="display:inline-block; background:#FFF7F8; padding:10px; border:1px solid #E8E8E8; border-radius:10px;">本文はここに入力してください。改行はShift+Enterで！</div>
点 線：dotted
<div style="display:inline-block; background:#FFF7F8; padding:10px; border:2px dotted #E8E8E8; border-radius:10px;">本文はここに入力してください。改行はShift+Enterで！</div>
二重線：double
<div style="display:inline-block; background:#FFF7F8; padding:10px; border:4px double #E8E8E8; border-radius:10px;">本文はここに入力してください。改行はShift+Enterで！</div>
破 線：dashed
<div style="display:inline-block; background:#FFF7F8; padding:10px; border:2px dashed #E8E8E8; border-radius:10px;">本文はここに入力してください。改行はShift+Enterで！</div>
外枠つき背景(幅いっぱい)
実 線：solid
<div style="background:#FFF7F8; padding:10px; border:1px solid #E8E8E8;">本文はここに入力してください。改行はShift+Enterで！</div>
点 線：dotted
<div style="background:#FFF7F8; padding:10px; border:2px dotted #E8E8E8;">本文はここに入力してください。改行はShift+Enterで！</div>
二重線：double
<div style="background:#FFF7F8; padding:10px; border:4px double #E8E8E8;">本文はここに入力してください。改行はShift+Enterで！</div>
破 線：dashed
<div style="background:#FFF7F8; padding:10px; border:2px dashed #E8E8E8;">本文はここに入力してください。改行はShift+Enterで！</div>
外枠つき角丸背景(幅いっぱい)
実 線：solid
<div style="background:#FFF7F8; padding:10px; border:1px solid #E8E8E8; border-radius:10px;">本文はここに入力してください。改行はShift+Enterで！</div>
点 線：dotted
<div style="background:#FFF7F8; padding:10px; border:2px dotted #E8E8E8; border-radius:10px;">本文はここに入力してください。改行はShift+Enterで！</div>
二重線：double
<div style="background:#FFF7F8; padding:10px; border:4px double #E8E8E8; border-radius:10px;">本文はここに入力してください。改行はShift+Enterで！</div>
破 線：dashed
<div style="background:#FFF7F8; padding:10px; border:2px dashed #E8E8E8; border-radius:10px;">本文はここに入力してください。改行はShift+Enterで！</div>
