[分享]css内边距4个数值

CSS内边距是指一个元素在边框与内容之间的空白区域的大小。在CSS中设置内边距时，我们可以使用4个数值，分别对应上、右、下、左四个方向的内边距大小。下面我们来看一下怎么使用这4个数值来设置内边距。p ...

CSS内边距是指一个元素在边框与内容之间的空白区域的大小。在CSS中设置内边距时，我们可以使用4个数值，分别对应上、右、下、左四个方向的内边距大小。下面我们来看一下怎么使用这4个数值来设置内边距。

p {
  padding: 10px 20px 30px 40px;
} 

上面这段代码就是将p元素的上、右、下、左四个方向的内边距分别设置为10px、20px、30px、40px。我们也可以仅使用2个数值来设置水平和垂直内边距：

p {
  padding: 20px 50px;
} 

这样就会将p元素的上下内边距都设置为20px，左右内边距都设置为50px。如果我们只想设置上下或左右内边距，可以使用以下代码：

p {
  padding: 20px 0;
} 

这样就表示只设置p元素的上下内边距为20px，左右内边距为0。如果我们想将所有方向的内边距设置为相同的值，可以这样做：

p {
  padding: 20px;
} 

这样就表示将p元素的上下左右四个方向的内边距都设置为20px。