margin：邊框外的空白，圖中橙色部分
border：邊框，圖中紅色虛線部分
padding：邊框內(nèi)的空白，圖中綠色部分
content：頭像圖片部分

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

對(duì)照原圖（未修改div屬性時(shí)）

<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="訪問(wèn)我的空間" style="max-width:90%"></a><br><span><a href="http://my.csdn.net/fm0517" class="user_name" target="_blank">皓月如我</a></span> </div>

PS：圖片對(duì)象的title屬性可以顯示鼠標(biāo)懸停時(shí)的tip。

總結(jié)

以上是生活随笔為你收集整理的HTML DOM中DIV的Style：margin，border，padding的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。