padding padding-top padding-right padding-bottom padding-left margin margin-top margin-right margin-bottom margin-left
padding: 上、右、下、左; {从上按顺时针转的}
![](https://i-blog.csdnimg.cn/blog_migrate/a4bc02b305574e8986c1f0955c04a46b.png)
![](https://i-blog.csdnimg.cn/blog_migrate/d867356d5dd4310abba2f45c40dafc05.png)
![](https://i-blog.csdnimg.cn/blog_migrate/808454f8028cdb54cf66c16f34d024cc.png)
![](https://i-blog.csdnimg.cn/blog_migrate/0c468a1c9151d446f6379472ab453aab.png)
![](https://i-blog.csdnimg.cn/blog_migrate/4ab9acbd8e9394f32cc3fcdf58ad23c0.png)
可用 padding-top、padding-bottom、padding-left、padding-right 分别表示:
![](https://i-blog.csdnimg.cn/blog_migrate/d143ae81bafa21bdeec96a9d1ab8fcf8.png)
如果 padding 属性缺失 right、bottom、left; 就都参考 top:
![](https://i-blog.csdnimg.cn/blog_migrate/5eaa781347cae503c28fac2a898b0278.png)
如果 padding 属性缺失 bottom、left; bottom 会参考 top, left 会参考 right:
![](https://i-blog.csdnimg.cn/blog_migrate/de666cffc5c113ef6af0e8ecb232a32a.png)
如果 padding 属性缺失 left; left 会参考 right:
![](https://i-blog.csdnimg.cn/blog_migrate/2d44d50a5fbd12fab9ae5a6b0b4d8251.png)
外边距 margin 和内边距 padding 道理是一样的:
![](https://i-blog.csdnimg.cn/blog_migrate/51ebad22f95b9b1dbbe320e154a65bde.png)