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

一共就这四种经常遇到的方法，当遇到设计问题的时候记住不要使用错了。