CSS中可以使用多个背景图片，通过background-image属性来实现。下面我们来写一个例子：

div {
width: 400px; /*定义一个宽度，方便查看效果*/
height: 400px; /*定义一个高度，方便查看效果*/
background-image: url('image1.jpg'), url('image2.jpg'); /*多个背景图片使用逗号隔开*/
background-position: left top, right bottom; /*分别设置两张背景图片的位置*/
background-repeat: no-repeat; /*设置背景图片不重复*/
}

以上代码为一个div元素添加了两张背景图片，其中'image1.jpg'显示在左上角，'image2.jpg'显示在右下角。需要注意的是，若背景图片的大小超过元素的大小，背景图片会被裁剪。

除了使用position和repeat属性来设置背景图片的位置和是否重复，还可以使用size属性来控制背景图片的尺寸，以及使用多个background属性来详细地设置背景图片的属性，例如：

div {
width: 400px;
height: 400px;
background: 
url('image1.jpg') left top no-repeat,
url('image2.jpg') right bottom no-repeat;
background-size:
auto 100%,
100% auto;
}

以上代码与前一段代码实现的效果相同，只是使用了更简洁的写法。

在实际开发中，我们可以使用多张背景图片来增强页面视觉效果，同时通过控制背景图片的位置、大小来达到更丰富的效果。