CSS 可以將樣式與 HTML 文檔相分離，同時也可以將或出現在網頁中的圖片與 CSS 樣式表相分離。這樣做有助于提高代碼的可維護性和重用性。

在 CSS 中關聯圖片可以使用 background-image 屬性和 url() 函數:

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

在上述的 CSS 代碼中，我們將 "background.jpg" 圖片作為文檔頁面的背景進行關聯。

如果您希望將圖片關聯到在 HTML 頁面中的某個元素上，可以使用如下代碼：

<div id="imagebox"></div>
#imagebox {
background-image: url("image.jpg");
width: 300px;
height: 200px;
}

在上述 CSS 代碼中， 我們將圖片 "image.jpg" 關聯到 id 為 "imagebox" 的 <div> 元素上。 這里還添加了一些其他的 CSS 樣式屬性。

在某些情況下，圖片文件可能不在 CSS 文件所在的同一目錄下。在這種情況下，您可以使用相對路徑或絕對路徑來指定圖片數據。

使用相對路徑：

body {
background-image: url("../images/background.jpg");
}

在上述 CSS 代碼中，使用了 "../images/background.jpg" 相對路徑來引用位于 CSS 文件上級目錄下的 "images" 文件夾里的 "background.jpg" 圖片。

使用絕對路徑：

body {
background-image: url("http://www.example.com/images/background.jpg");
}

在上述 CSS 代碼中，我們使用了一個完整的 URL 地址來指定圖片文件的位置。