早上好，歡迎觀看山東文匯app開發，微信小程序開發，系統開發的官網

學習是一個循序漸進的過程。學習新的知識的時候，也不要忘了溫習之前學習的內容。css的世界，無限大。

下面給大家分享一個css屬性，padding。

Padding（填充）屬性定義元素邊框與元素內容之間的空間。

padding 簡寫屬性在一個聲明中設置所有內邊距屬性。設置所有當前或者指定元素內邊距屬性。該屬性可以有1到4個值。

當元素的 Padding（填充）（內邊距）被清除時，所"釋放"的區域將會受到元素背景顏色的填充。

單獨使用填充屬性是在一個聲明中設置元素的所內邊距屬性。縮寫填充屬性也可以使用，一旦改變一個數值，則padding對應的距離都會改變。

設置一個P元素的填充：

p
            {
                padding:2px 4px 3px 4px;
            }

其中padding:2px 4px 3px 4px; 的轉法為順時針;

padding:距上 距右 距下 距左；

您還可以按照上、右、下、左的順序分別設置各邊的內邊距，各邊均可以使用不同的單位或百分比值：

h1 {padding: 10px 0.25em 2ex 20%;}

h1 {
  padding-top: 10px;
  padding-right: 0.25em;
  padding-bottom: 2ex;
  padding-left: 20%;
  }

山東文匯開發提醒您

ul標簽有默認的padding-left：40px的內邊距。

下面，給大家出兩道題：

1、父盒子寬100px 高80px

子盒子寬40px   高40px

現在給子盒子設padding－top 是20％ 。請問現在子盒子的高是多少？

2、父盒子寬100px 高80px

子盒子寬40px   高40px

現在給子盒子設padding－right 是20％ 。請問現在子盒子的高是多少？

如果大家想要知道結果，自己動手練習一下就知道啦。

此篇文章分享完畢，感謝大家觀看濟南app開發系統開發網站。再見。