首先，让大家创建一个简单的 HTML 页面，并在其中添加一个
元素：
<div class="container"> <!-- 这里是内容 --> </div>
然后，大家将添加以下 CSS 代码，将一张图片作为背景图片，并使用background-size: cover设置图片填充方式：
.container {
background-image: url('your-image-source');
background-size: cover;
}其中，“your-image-source”应该替换为你所需的图片的文件路径或 URL。
此时，你将会看到图片已经完美的填充了
元素，并且不会出现任何拉伸或畸形。这是由于
background-size: cover将图片按比例缩放，以使其完全填满元素，同时保持其宽高比。
另一种常用的图片填充方式是background-size: contain，它将让背景图片在完全填充
元素的同时，保持其宽高比，并缩放到不超过
元素的大小。下面是使用
background-size: contain填充图片的 CSS 代码：.container {
background-image: url('your-image-source');
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}注意，在使用background-size: contain时，图片可能会有留白，因此大家可以使用background-position: center center将图片居中显示。
以上是使用 CSS 控制背景图片填充
元素的两种方法。通过合理使用
background-size属性，你可以轻松地将图片按比例缩放、填满元素，并使页面更美观。