在CSS中,填充(Padding)是用于定义元素内容区域与其边框之间的空间的属性。填充可以在元素的内部增加空白区域,从而影响元素的尺寸和布局。

填充的基本语法如下:
selector {
  padding: top right bottom left;
}

  •  top:定义元素的上填充。

  •  right:定义元素的右填充。

  •  bottom:定义元素的下填充。

  •  left:定义元素的左填充。


每个值可以是正数、负数、零,也可以是百分比。下面是一些例子:
/* 设置所有方向的填充为10像素 */
.element {
  padding: 10px;
}

/* 设置上下填充为5像素,左右填充为10像素 */
.element {
  padding: 5px 10px;
}

/* 分别设置四个方向的填充 */
.element {
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 15px;
  padding-left: 20px;
}

填充的值会影响元素的大小,但不会影响元素的边框大小。填充常用于调整元素内部内容与边框之间的距离,以改善页面的排版和样式。

请注意,填充不同于外边距(Margin),外边距是元素与其周围元素之间的距离,而填充是元素内容与其边框之间的距离。


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