padding padding-top padding-right padding-bottom padding-left margin margin-top margin-right margin-bottom margin-left
padding: 上、右、下、左; {从上按顺时针转的}
![o_0912908.png](https://i-blog.csdnimg.cn/blog_migrate/4a03c994213d092f8874c34b817bd569.png)
![o_0912909.png](https://i-blog.csdnimg.cn/blog_migrate/af399ec2d9c821547a48574738a02624.png)
![o_0912910.png](https://i-blog.csdnimg.cn/blog_migrate/17af717b5573606f79afb40728127803.png)
![o_0912911.png](https://i-blog.csdnimg.cn/blog_migrate/0d05cb2e662b4cd9383964a510a01fd6.png)
![o_0912912.png](https://i-blog.csdnimg.cn/blog_migrate/9bd6ffdcc65700f561ad77bac5bfdedd.png)
可用 padding-top、padding-bottom、padding-left、padding-right 分别表示:
![o_0912913.png](https://i-blog.csdnimg.cn/blog_migrate/9ec615f04ff23c6ecf5be4a5b10999ea.png)
如果 padding 属性缺失 right、bottom、left; 就都参考 top:
![o_0912914.png](https://i-blog.csdnimg.cn/blog_migrate/d9b78aa9d6b7c93d23644d7b38c719df.png)
如果 padding 属性缺失 bottom、left; bottom 会参考 top, left 会参考 right:
![o_0912915.png](https://i-blog.csdnimg.cn/blog_migrate/585a0ddc8f1357ddbe29afdd6bed6b27.png)
如果 padding 属性缺失 left; left 会参考 right:
![o_0912916.png](https://i-blog.csdnimg.cn/blog_migrate/62f64d155cb39b2328d56f700e50a5dd.png)
外边距 margin 和内边距 padding 道理是一样的:
![o_0912917.png](https://i-blog.csdnimg.cn/blog_migrate/be105573f8c7edc99f1e4095a19b5e52.png)