CSS圖片背景一直是Web設計中的一個必要元素，本文將主要探討CSS中的圖片背景URL路徑。

background-image: url("images/pattern.png");

CSS的background-image屬性允許我們指定一個或多個背景圖像。對于背景圖片URL路徑，有幾種方式可以定義：

1. 相對路徑

background-image: url("../images/pattern.png");

相對路徑是指相對于CSS文件的路徑。如果CSS和圖像文件在不同的文件夾中，則應考慮使用相對路徑。例如，在您的CSS文件中，您可以通過兩個點（..）進入它上級目錄。

2. 絕對路徑

background-image: url("/images/pattern.png");

絕對路徑是URL的完整路徑，包括協議（http，https）等。這意味著圖像路徑始終相對于Web站點根目錄。所以如果你的圖像在根目錄中，你可以使用“/images/pattern.png”。

3. URL屬性

background-image: url("http://www.example.com/images/pattern.png");

您可以使用完整的URL路徑，這個URL可以指向獨立的站點，如果圖片來自CDN我們也可以用這種方式定義。

總之，對于CSS中的背景圖片URL路徑，我們可以根據我們的需求選擇相應的路徑方式。