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

Margin屬性、Border屬性、Padding屬性三者的聯(lián)系與區(qū)別

三個元素的含義：

Margin屬性

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

Border屬性

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

Padding屬性

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

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

【編輯推薦】

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