圖解CSS padding、margin、border屬性

W3C組織建議把所有網頁上的對像都放在一個盒(box)中，設計師可以通過建立定義來控制這個盒的屬性，這些對像包括段落、列表、標題、圖片以及層。盒模型主要定義四個區域：內容(content)、內邊距(padding)、邊框(border)和外邊距(margin)。對於初學者，經常會搞不清楚margin，background-color，background-image，padding，content，border之間的層次、關係和相互影響。這裡提供一張盒模型的3D示意圖，希望便於你的理解和記憶。

margin：層的邊框以外留的空白 background-color：背景顏色 background-image：背景圖片 padding：層的邊框到層的內容之間的空白 border：邊框 content：內容