1. 程式人生 > >css之padding用法解析

css之padding用法解析

padding是css樣式表中經常用到的屬性,在使用的時候也比較方便,也能較簡單的是佈局顯得更加規範整齊,但是,padding也是使用來引數變化比較多的,所以準確掌握其用法還是比較重要的。

第一個例子:四個引數的時候

p{ padding:10px 20px 10px 10px;}
  • 上內邊距是 10px
  • 右內邊距是 20px
  • 下內邊距是 10px
  • 左內邊距是 10px

可以看出有四個引數的時候,引數的順序是從  上->右->下->左(呈順時針順序)

第二個例子:三個引數的時候

padding:10px 5px 15px;
  • 上內邊距是 10px
  • 右內邊距和左內邊距是 5px
  • 下內邊距是 15px

例子 3

padding:10px 5px;
  • 上內邊距和下內邊距是 10px
  • 右內邊距和左內邊距是 5px

例子 4

padding:10px;
  • 所有 4 個內邊距都是 10px
一共就這四種經常遇到的方法,當遇到設計問題的時候記住不要使用錯了。