你對DIV+CSS中Margin屬性、Border屬性、Padding屬性的區別和聯系是否了解，這里和大家分享一下，希望本文介紹對你有所幫助。

Margin屬性、Border屬性、Padding屬性三者的聯系與區別

三個元素的含義：

Margin屬性

檢索或設置對象四邊的外延邊距。如果提供全部四個參數值，將按上、右、下、左的順序作用于四邊。如果只提供一個，將用于全部的四邊。如果提供兩個，***個用于上、下，第二個用于左、右。如果提供三個，***個用于上，第二個用于左、右，第三個用于下。內聯對象要使用該屬性，必須先設定對象的height或width屬性，或者設定position屬性為absolute。

Border屬性

內容的邊框；border-color的默認值將采用文本顏色。要使用該屬性，必須先設定對象的height或width屬性，或者設定position屬性為absolute。

Padding屬性

檢索或設置對象四邊的補丁邊距。如果提供全部四個參數值，將按上、右、下、左的順序作用于四邊。如果只提供一個，將用于全部的四條邊。如果提供兩個，***個用于上、下，第二個用于左、右。如果提供三個，***個用于上，第二個用于左、右，第三個用于下。內聯對象要使用該屬性，必須先設定對象的height或width屬性，或者設定position屬性為absolute。不允許負值。

記住這張圖，這三者的關系相信你就不會忘了。

【編輯推薦】

1. IE6不支持的五大CSS選擇符
2. 實例解析CSS padding 屬性用法
3. DIV+CSS網頁布局中margin優化的一種思路
4. DIV+CSS開發Xhtml網頁對SEO優化的影響
5. DIV CSS網頁布局中對段落進行排版的方法