css内边距4个值

CSS内边距是指元素内部边框与内容之间的距离。HTML的Box模型中，每个元素都有四个方向的内边距，分别为上、右、下、左。

在CSS中，我们可以用padding属性来设置元素的内边距。

selector {
  padding: 上 右 下 左;
}

上、右、下、左的值可以单独指定或组合使用。如果只指定一个值，那么四个方向的内边距都将使用这个值。如果指定两个值，那么第一个值将用于上下边距，第二个值将用于左右边距。如果指定三个值，那么第一个值将用于上边距，第二个值将用于左右边距，第三个值将用于下边距。

以下是几个示例代码：

/* 所有方向都使用同一内边距值 */
selector {
  padding: 10px;
}

/* 上下边距使用不同的值，左右边距使用相同的值 */
selector {
  padding: 10px 20px;
}

/* 上、左、下边距使用不同的值，右边距使用相同的值 */
selector {
  padding: 10px 20px 30px;
}

/* 四个方向都使用不同的内边距值 */
selector {
  padding: 10px 20px 30px 40px;
}

使用CSS内边距4个值，可以让我们更精确地控制元素的边距和内部展示效果。