在網頁設計中，圖片是一個重要的元素。使用CSS可以輕松地在網頁中添加圖片，提高頁面的美觀度。那么，CSS如何引用圖片呢？ 首先，在CSS中引用圖片需要使用`background-image`屬性。下面是一個簡單的示例代碼：

p {
background-image: url("圖片的路徑");
}

在這個例子中，我們使用`background-image`屬性指定了圖片的路徑。需要注意的是，這個路徑必須是相對于CSS文件的路徑。 如果圖片位于與CSS文件相同的目錄中，可以直接使用圖片的文件名。例如：

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

如果圖片不在相同的目錄中，可以使用相對路徑來引用。例如：

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

在這個例子中，`..`表示返回上一級目錄，`images`是圖片所在的目錄。 除了相對路徑，還可以使用絕對路徑來引用圖片。例如：

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

在這個例子中，`http://example.com`是圖片所在的網站的域名，`images`是圖片所在的目錄。 總之，無論圖片是位于本地還是遠程服務器上，使用CSS都可以方便地引用它。只需要指定正確的路徑就可以了。