Margin、Border、Padding屬性的區別和聯系
作者：admin
本文向大家描述一下DIV+CSS中Margin屬性、Border屬性、Padding屬性三者的聯系與區別，相信本文介紹一定會讓你有所收獲，歡迎大家一起來學習DIV+CSS網頁布局。
你對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。不允許負值。
記住這張圖，這三者的關系相信你就不會忘了。
【編輯推薦】
- IE6不支持的五大CSS選擇符
- 實例解析CSS padding 屬性用法
- DIV+CSS網頁布局中margin優化的一種思路
- DIV+CSS開發Xhtml網頁對SEO優化的影響
- DIV CSS網頁布局中對段落進行排版的方法
責任編輯：佚名
來源：
mscss.cn
