在网页设计中，图片填充是一种常见的技术，它可以使图片完全覆盖其容器的宽度和高度，这种技术可以用于创建背景图像、实现全屏幻灯片或者创建响应式的布局，CSS提供了一些属性和方法来实现图片填充，包括background-size、object-fit和object-position等。
1、background-size属性：这个属性用于设置背景图像的大小，它有四个值：cover、contain、auto和100% 100%。cover值会使背景图像覆盖整个容器，但可能会使图像的某些部分无法显示。contain值会使背景图像完全包含在容器内，但可能会留出一些空白。auto值会使背景图像的尺寸与容器的尺寸相同。100% 100%值会使背景图像的尺寸与容器的尺寸完全相同。
2、object-fit属性：这个属性用于设置替换元素（如图像）的内容应该如何适应其使用的高度和宽度指定的框，它的值可以是fill、contain、cover、none或scale-down。fill值会使图像完全覆盖其容器，但可能会使图像的某些部分无法显示。contain值会使图像完全包含在容器内，但可能会留出一些空白。cover值会使图像覆盖整个容器，但可能会使图像的某些部分无法显示。none值会使图像保持其原始尺寸，不会改变。scale-down值会使图像尽可能地缩小以适应其容器，但不会使其完全消失。
3、object-position属性：这个属性用于设置替换元素的内容应该在哪里放置，它的值可以是top、bottom、left、right、center或一个长度和宽度的值。50% 50%会使图像的中心与其容器的中心对齐。
4、background-position属性：这个属性用于设置背景图像的位置，它的值可以是关键字（如top、bottom、left、right）或一个长度和宽度的值。50% 50%会使背景图像的中心与其容器的中心对齐。
5、background-repeat属性：这个属性用于设置是否以及如何重复背景图像，它的值可以是repeat（默认值，图像在其容器内水平和垂直重复）、repeat-x（图像在其容器内水平重复）、repeat-y（图像在其容器内垂直重复）或no-repeat（图像只显示一次）。
6、background-origin属性：这个属性用于设置背景图片的定位区域，它的值可以是padding-box（默认值，背景图片从内边距区域开始）、border-box（背景图片从边框区域开始）或content-box（背景图片从内容区域开始）。
通过组合使用这些属性，我们可以实现各种各样的图片填充效果，我们可以使用background-size: cover; background-position: center; background-repeat: no-repeat; background-origin: content-box; object-fit: cover; object-position: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;来创建一个全屏的背景图像，该图像始终覆盖其容器，并且始终位于容器的中心。