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。

总结

以上是生活随笔为你收集整理的HTML DOM中DIV的Style：margin，border，padding的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。