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