在网页设计中，图片是必不可少的元素，而如何让图片自适应盒子大小，是一个比较棘手的问题。CSS提供了多种方式可以实现图片的填充，其中一个常用的方法是使用background-image属性。

div{
width: 300px;
height: 300px;
background-image: url("image.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

以上代码中，我们将一个包含图片的div设置了宽高为300px，并通过background-image属性为其添加了背景图片。接着使用background-repeat属性来指定图片不重复显示，使用background-position来将图片设置在盒子的中心位置上，最后使用background-size来使图片自适应div大小。

其中，background-size属性有四个值可以选择：

• cover：将背景图片缩放以填充元素的整个内容区域，可能会裁剪部分背景图片
• contain：将背景图片等比缩放以适应元素的内容区域，可能会留有空白
• length：使用长度值来指定背景图片的大小，比如50%表示图片宽高都为元素的50%
• auto：让背景图片按原始大小显示

使用background-image属性使图片填充元素，相比使用img标签来引入图片，能够更好地控制图片的显示效果，达到更好的设计效果。