在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代碼）