在css中，我们可以通过background-image来加载图片。在编写css代码时，我们需要先定义要添加图片的html元素，然后在css中通过background-image来为该元素添加图片。 例如，我们想要为一个div元素添加一张名为"image.jpg"的图片，可以这样编写代码：

div {
width: 500px;
height: 300px;
background-image: url("image.jpg");
}

在上面的代码中，我们定义了一个宽度为500像素、高度为300像素的div元素，并通过background-image属性来为其添加了一张名为"image.jpg"的图片。需要注意的是，我们需要将图片的文件名用双引号括起来，并且在文件名前面加上"url("来告诉css这是一个链接地址。 如果我们想让图片在div元素中垂直居中，可以使用background-position属性来实现：

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

在上面的代码中，我们通过background-position来将图片垂直和水平都居中显示，并通过background-repeat来让图片不重复显示。 如果我们想要将多张图片平铺在一个html元素上，可以使用background-image和background-repeat属性来实现：

div {
width: 500px;
height: 300px;
background-image: url("image1.jpg"), url("image2.jpg");
background-repeat: repeat-x, repeat-y;
}

在上面的代码中，我们通过在background-image属性中分别添加两张图片的链接地址，然后通过background-repeat属性来分别设置这两张图片在x轴和y轴上的重复方式。（这里用了pre标签来显示CSS代码）