在編寫網頁時，我們常常需要在文本中加入圖片來豐富頁面內容。而如何使用 CSS 來加載這些圖片就是我們需要了解的內容了。下面將介紹幾個常見的方法。
首先，我們需要在 HTML 中定義一個帶有唯一標識符的容器，例如：

<div id="image-container"></div>

然后在 CSS 中，我們可以通過以下方法來為這個容器添加背景圖片：

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

這種方法比較簡單，但有時需要對圖片進行調整，比如更改圖片大小，設置背景位置等。在這種情況下，我們需要使用下面這種方式：

#image-container {
background: url("image.jpg") no-repeat center center/cover;
}

這里，我們在 background 中使用了簡寫方式，包含了背景圖片的 URL、是否重復（no-repeat）、位置（center center）以及縮放（cover）等屬性。
另外，在需要將圖片作為文本的一部分來加載時，我們還可以使用 CSS 的 content 屬性。例如：

p::before {
content: url("image.jpg");
}

這樣，就可以在每個 p 標簽前添加一個圖片了。
總的來說，使用 CSS 加載圖片非常靈活，我們可以對圖片進行各種調整和處理。同時，注意控制圖片大小和數量，以達到優化網頁性能的目的。