DIVの使い方
<div style="background-color:#e1f6dd;margin:0px 30px 0px 30px;padding:15px 15px 15px 15px;">背景色の外側と内側に余白をつける</div>
背景色の周りに線をつけたいなら、border属性で
<div style="background-color:#e1f6dd;margin:0px 30px 0px 30px;padding:15px 15px 15px 15px;border:1px solid #629666;">背景色の周りに線をつける</div>
周りの線を丸点線の太線にするなら、dotted属性値で
<div style="background-color:#e1f6dd;margin:0px 30px 0px 30px;padding:15px 15px 15px 15px;border:5px dotted #629666;">周りの線を丸点線の太線にする</div>
周りの線を角点線の太線にするなら、dashed属性値で
<div style="background-color:#e1f6dd;margin:0px 30px 0px 30px;padding:15px 15px 15px 15px;border:4px dashed #629666;">周りの線を角点線の太線にする</div>
周りの線を影付き風にするなら、border-top,right,bottom,left属性で
<div style="background-color:#e1f6dd;margin:0px 30px 0px 30px;padding:15px 15px 15px 15px;border-top:1px solid #629666;border-left:1px solid #629666;border-right:3px solid #629666;border-bottom:3px solid #629666;">周りの線を影付き風にする</div>
枠内の文字列
<div style="background-color:#fff0f5;border:4px dotted #CC0000;margin:0px 30px 0px 30px;padding:15px 15px 15px 15px;">枠内の文字列</div>
枠内の文字列
<div style="background-color:#fff0f5;border:5px dotted #CC0000;margin:0px 30px 0px 30px;padding:15px 15px 15px 15px;">枠内の文字列</div>
枠内の文字列
<div style="background-color:#fff0f5;border:6px dotted #CC0000;margin:0px 30px 0px 30px;padding:15px 15px 15px 15px;">枠内の文字列</div>