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

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

三個(gè)元素的含義：

Margin屬性

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

Border屬性

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

Padding屬性

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

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

【編輯推薦】

【責(zé)任編輯：程華權(quán) TEL：(010)68476606】

點(diǎn)贊 0

總結(jié)

以上是生活随笔為你收集整理的css margin和border,Margin、Border、Padding属性的区别和联系的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

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