CSS padding margin border

图为CSS盒模型

margin：层的边框以外留的空白
background：背景
padding：层的边框到层的内容之间的空白
border：边框
content：内容
顺序为顺时针：上->右->下->左

margin :  40px;                                            距离上右下左，均为40px

margin :  40px   10px;                                距离上下，为40px ；距离左右，为10px

padding: 40px;                                            距离上右下左，均为40px

padding: 40px   10px;                                距离上下，为40px ；距离左右，为10px

padding: 40px   10px   20px;                    距离上40，下20，左右均为10

padding: 40px   10px   20px   30px;        距离上40，下20，右10，左30

为什么设了上和左，下和右设了也没有变化= =