さわやかでキレイな枠つき背景です。
文字数に合わせてサイズが変わります。
- 外枠つき背景
- 外枠つき角丸背景
- 中枠つき背景
- 中枠つき角丸背景があります♥
外枠つき背景
グリーンの背景にゴールド実線外枠
<div style="display:inline-block; background:#E8F8FA; padding:10px; border:1px solid #D3BB83;">本文はここに入力してください。改行はShift+Enterで！</div>
グリーンの背景にゴールド点線外枠
<div style="display:inline-block; background:#E8F8FA; padding:10px; border:2px dotted #D3BB83;">本文はここに入力してください。改行はShift+Enterで！</div>
グリーンの背景にゴールド二重線外枠
<div style="display:inline-block; background:#E8F8FA; padding:10px; border:4px double #D3BB83;">本文はここに入力してください。改行はShift+Enterで！</div>
グリーンの背景にゴールド破線外枠
<div style="display:inline-block; background:#E8F8FA; padding:10px; border:2px dashed #D3BB83;">本文はここに入力してください。改行はShift+Enterで！</div>
外枠つき角丸背景
グリーンの角丸背景にゴールド実線外枠
<div style="display:inline-block; background:#E8F8FA; padding:10px; border:1px solid #D3BB83; border-radius:10px;">本文はここに入力してください。改行はShift+Enterで！</div>
グリーンの角丸背景にゴールド点線外枠
<div style="display:inline-block; background:#E8F8FA; padding:10px; border:2px dotted #D3BB83; border-radius:10px">本文はここに入力してください。改行はShift+Enterで！</div>
グリーンの角丸背景にゴールド二重線外枠
<div style="display:inline-block; background:#E8F8FA; padding:10px; border:4px double #D3BB83; border-radius:10px">本文はここに入力してください。改行はShift+Enterで！</div>
グリーンの角丸背景にゴールド破線外枠
<div style="display:inline-block; background:#E8F8FA; padding:10px; border:2px dashed #D3BB83; border-radius:10px">本文はここに入力してください。改行はShift+Enterで！</div>
中枠つき背景
グリーンの背景にゴールド中枠実線
<div style="display:inline-block; background:#E8F8FA; padding:10px;"><div style="display:inline-block; padding:10px; border:1px solid #D3BB83;">本文はここに入力してください。改行はShift+Enterで！</div></div>
グリーンの背景にゴールド中枠点線
<div style="display:inline-block; background:#E8F8FA; padding:10px;"><div style="display:inline-block; padding:10px; border:2px dotted #D3BB83;">本文はここに入力してください。改行はShift+Enterで！</div></div>
グリーンの背景にゴールド中枠二重線
<div style="display:inline-block; background:#E8F8FA; padding:10px;"><div style="display:inline-block; padding:10px; border:4px double #D3BB83;">本文はここに入力してください。改行はShift+Enterで！</div></div>
グリーンの背景にゴールド中枠破線
<div style="display:inline-block; background:#E8F8FA; padding:10px;"><div style="display:inline-block; padding:10px; border:2px dashed #D3BB83;">本文はここに入力してください。改行はShift+Enterで！</div></div>
中枠つき角丸背景
グリーンの角丸背景にゴールド中枠実線
<div style="display:inline-block; background:#E8F8FA; 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:#E8F8FA; 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:#E8F8FA; 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:#E8F8FA; padding:10px; border-radius:10px;"><div style="display:inline-block; padding:10px; border:2px dashed #D3BB83; border-radius:10px; ">本文はここに入力してください。改行はShift+Enterで！</div></div>
