padding 是 CSS 中用于设置元素内边距(内部空白区域)的属性。它可以应用于所有 HTML 元素。

语法如下:
padding: top right bottom left;

  •  top: 设置上边缘的内边距。

  •  right: 设置右边缘的内边距。

  •  bottom: 设置下边缘的内边距。

  •  left: 设置左边缘的内边距。


这些值可以是具体的长度值(像素、百分比、em 等),也可以是关键字(如 auto)。

如果只提供一个值,它会应用于所有四个边。

如果提供两个值,第一个值应用于上边缘和下边缘,第二个值应用于左边缘和右边缘。

如果提供三个值,第一个值应用于上边缘,第二个值应用于左边缘和右边缘,第三个值应用于下边缘。

如果提供四个值,分别应用于上、右、下、左边缘。

示例:
/* 应用相同的内边距到所有四个边缘 */
padding: 10px;

/* 应用不同的内边距到上、右、下、左边缘 */
padding: 10px 20px 15px 5px;

/* 应用相同的上下内边距和左右内边距 */
padding: 15px 10px;

padding 属性常用于调整元素内部内容与边框之间的间距。


转载请注明出处:http://www.zyzy.cn/article/detail/6114/CSS