在前端頁面設計過程中，圖片經常是必不可少的元素之一。而CSS作為設計語言，同樣也支持加載圖片的方式。接下來我們就以一個簡單的實例來講解CSS加載圖片的代碼。 假設我們要在一個樣式表中給一個元素添加背景圖片。我們可以使用下面的代碼來實現：

對于HTML語法：

<div class="bg-image"></div>

對于CSS樣式：

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

在上述代碼中，我們首先在HTML中創建了一個class為bg-image的空div元素。接著在CSS樣式中，我們通過background-image屬性將圖片鏈接指向了一個名為image.jpg的圖片文件。這樣當瀏覽器呈現這個頁面的時候，該元素就會顯示為以image.jpg為背景的樣式。 除此之外，我們還可以通過CSS中 background-position、background-repeat、background-size等屬性來控制背景圖片的位置、重復方式和大小。 比如我們可以按照下面的代碼給背景圖片添加居中屬性：

對于CSS樣式：

.bg-image {
background-image: url("image.jpg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}

在這段代碼中，我們增加了3個屬性，其中background-position：center屬性控制了背景圖片位置居中，而background-size: cover屬性表示鋪滿整個容器，并保持比例不變，而background-repeat: no-repeat表示不重復顯示背景圖。 以上就是一些關于CSS加載圖片的代碼示例，通過這些代碼，我們可以更好地控制頁面中的圖片，同時也能使頁面設計更加豐富多彩。