padding,margin,border的區別

內容(content)、邊框距(padding)、邊界(border)和邊距(margin)。

• margin：層的邊框以外留的空白
• padding：層的邊框到層的內容之間的空白  
• border：邊框  
• content：內容

Padding 屬性中參數個數的定義，例如：

        body { padding: 20px;}

        body { padding: 20px 30px; }

        body { padding: 20px 30px 10px; }

        body { padding: 20px 30px 10px 20px; }

詳細說明如下：

        如果只提供一個，將用於全部的四條邊；

        如果提供兩個，第一個用於上－下，第二個用於左－右；

        如果提供三個，第一個用於上，第二個用於左－右，第三個用於下；

        如果提供全部四個參數值，將按上－右－下－左的順序作用於四邊。