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的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。