padding的简写与margin的简写一样
1、关于四边
padding:1px2px3px4px;等效于:
padding-top:1px;
padding-right:2px;
padding-bottom:3px;
padding-left:4px;顺序:top|right|bottom|left
以后不管是边宽高度,还是边款颜色,边距等 只要CSS样式涉及四边的问题 它的顺序就是 上 右 下左。
2、关于三边
adding:1px2px3px;则等效于:
padding-top:1px;
padding-right:2px;
padding-bottom:3px;
padding-left:2px;(省略的“左”值等于“右”)
3、关于两边
◆如果四边的值省略两个:
padding:1px2px;则等效于:
padding-top:1px;
padding-right:2px;
padding-bottom:1px;
padding-left:2px;(省略的“下”值等于“上”)
4、关于一边
◆如果只有一个值:
padding:1px;则等效于:
padding-top:1px;
padding-right:1px;
padding-bottom:1px;
padding-left:1px;
四边的简写一般如下: