CSS中，我们可以使用cover和contain两个属性来控制背景图片的显示模式。

首先，我们来了解cover属性。该属性可让背景图片无论在何种分辨率下，都撑满整个容器，并保持图片的宽高比。这一般用于需要图片充满背景的大块内容区域，比如网页头图。

.bg{
background-image: url(image.jpg);
background-size: cover;
}

接着，我们来看contain属性。该属性可以让背景图片完全显示在容器内，并保持图片的宽高比。如果容器不足以完全显示图片，则会留白。这一般用于需要图片显示完整的小块内容区域，比如卡片。

.bg{
background-image: url(image.jpg);
background-size: contain;
}

除此之外，我们还可以组合使用background-position属性来调整图片在容器中的位置，以达到更好的展示效果。

总之，通过合理使用cover和contain属性，我们可以轻松创建出视觉效果出色的背景图片，提高页面的美观程度。