眾所周知，CSS 是網頁編程中不可少的一部分，而圖片作為網頁中不可或缺的元素，也需要在 CSS 中引入。在引入圖片時，需要注意引用圖片的路徑問題。 首先，有兩種方式可以引用圖片文件，分別是絕對路徑和相對路徑。絕對路徑是指使用完整的 URL 來引用圖片，例如：

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

這種方式的好處是可以確保圖片在任何時候都能夠正確地展示。但是缺點也很明顯，就是 URL 中包含了完整的域名和路徑，如果域名或路徑有變化，則需要修改 CSS 文件中的圖片路徑，十分麻煩。 相對路徑則相對簡單一些，它是指使用相對于當前 CSS 文件的路徑來引用圖片。比如在一個名為 css/style.css 的文件中引用名為 bg.jpg 的圖片，路徑寫法如下：

background-image: url("../images/bg.jpg");

這里的 ".." 表示 css 文件所在的上級目錄，接著是 images 目錄和圖片名。相對路徑的好處就是比較靈活，文件的目錄結構改變時，只需要修改路徑中的目錄名即可，不必擔心域名的變化。 需要注意的是，在 CSS 文件中，使用相對路徑時路徑的起點是當前 CSS 文件所在的目錄。如果在 HTML 文件中引用 CSS 文件時使用了相對路徑，還需再次注意路徑的正確性。 在編寫 CSS 時，建議使用相對路徑來引用圖片，避免域名和路徑的變化給后期維護帶來不必要的麻煩。使用相對路徑時，要結合實際目錄結構來確定路徑，以保證圖片正確展示。