HTML DOM中DIV的Style：margin，border，padding

margin：边框外的空白，图中橙色部分

border：边框，图中红色虚线部分

padding：边框内的空白，图中绿色部分

content：头像图片部分



style=”margin:20px; border:thick dotted #FF0000; padding:20px”

对照原图（未修改div属性时）

<div id="blog_userface" style="margin:20px; border:thick dotted #FF0000; padding:20px">
<a href="http://my.csdn.net/fm0517" target="_blank">
<img src="http://avatar.csdn.net/D/5/6/1_fm0517.jpg" title="访问我的空间" style="max-width:90%">
</a>
<br>
<span><a href="http://my.csdn.net/fm0517" class="user_name" target="_blank">皓月如我</a></span>
</div>

PS：图片对象的title属性可以显示鼠标悬停时的tip。