【CSS】padding（填充）

绝地灬酷狼 2022-03-22 14:01 214阅读 0赞

CSS padding（填充）是一个简写属性，定义元素边框与元素内容之间的空间，即上下左右的内边距。

##### padding（填充） #####

当元素的 padding（填充）内边距被清除时，所释放的区域将会受到元素背景颜色的填充。  
单独使用 padding 属性可以改变上下左右的填充。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4NTc3OQ_size_16_color_FFFFFF_t_70]

##### 可能的值 #####

![在这里插入图片描述][20190128172340434.png]

##### 填充- 单边内边距属性 #####

在CSS中，它可以指定不同的侧面不同的填充：

padding - top:25px;
    padding - bottom:25px;
    padding - right:50px;
    padding - left:50px;

![在这里插入图片描述][20190128172456828.png]

##### 填充 - 简写属性 #####

为了缩短代码，它可以在一个属性中指定的所有填充属性。  
这就是所谓的简写属性。所有的填充属性的简写属性是 padding :

padding:25px 50px;

Padding属性，可以有一到四个值。  
![在这里插入图片描述][20190128172716913.png]

##### 所有的CSS填充属性 #####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4NTc3OQ_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4NTc3OQ_size_16_color_FFFFFF_t_70]: /images/20220322/aec67b3d1e184285be2384e0f22bf111.png
[20190128172340434.png]: /images/20220322/66f835badfc542b7b5fcfd1daffce59c.png
[20190128172456828.png]: /images/20220322/35b86378dd1844408674acd3b58373cc.png
[20190128172716913.png]: /images/20220322/01a1e5beb89a4d868360ea09ff522bf6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4NTc3OQ_size_16_color_FFFFFF_t_70 1]: /images/20220322/9ef1881185a245b5869fcb11572568cb.png