[分享]css内边距3个值表示

CSS中的内边距（padding）属性可以用3个值来表示，其语法如下：

padding: top-value right-value bottom-value; 

这个语法表示元素的内边距在上、右、下三个方向上分别使用不同的值。

举个例子，如果我们想给一个div元素设置上方内边距为10像素，右侧内边距为20像素，底部内边距为30像素，左侧内边距为20像素，那么代码如下：

div {
  padding: 10px 20px 30px 20px;
} 

可以看到，上面的padding属性值中，三个值分别对应上、右、下三个方向的内边距，而第二个20px则对应左侧内边距。

在使用3个值的内边距时，我们需要按照顺序依次设置上、右、下和左的值。当我们只想设置上下内边距的值时，可以使用如下的简写方式：

padding: vertical-value horizontal-value; 

其中，vertical-value表示上下内边距的值，horizontal-value则表示左右内边距的值。举个例子，如果我们想给一个按钮设置上下内边距为10像素，左右内边距为20像素，那么代码如下：

button {
  padding: 10px 20px;
} 

可以看到，上述代码中，10px表示上下内边距的值，20px则表示左右内边距的值。

总之，使用3个值的内边距可以让我们更加精准地控制元素的内边距，可以在一些特殊情况下提高布局的效率。