CSS 是前端開發中不可或缺的一部分，可以決定一個網頁的樣式和布局。在 CSS 中，引入圖片是一個常見操作。在本文中，我們將介紹如何引入圖片路徑。 首先，我們需要確定圖片的文件路徑。如果圖片文件與 CSS 文件在同一目錄下，可以使用相對路徑：

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

如果圖片文件在 CSS 文件上一級目錄下，可以使用 "../" 表示上一級目錄：

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

如果圖片文件在同一個站點的不同目錄下，可以使用絕對路徑：

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

當然，也可以使用相對路徑來指定不同目錄下的圖片。比如，如果圖片文件在 CSS 文件上一級目錄的 images 目錄下，可以這樣寫：

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

在引入圖片路徑時，需要注意的是，路徑不要包含中文或空格，否則可能會引發瀏覽器解析錯誤。 如果網站中的圖片比較多，可以將路徑保存到配置文件中，使用變量引用。這樣，當需要修改圖片路徑時，只需修改配置文件，而無需修改 CSS 文件。 總之，在引入圖片路徑時，我們需要對圖片文件的位置進行正確的判斷，選擇合適的路徑表示方法。這樣才能讓 CSS 正確地顯示圖片，為我們的網頁增添美麗。