在編寫CSS時，有時需要在樣式文件中引入一些圖片來作為背景或CSS3效果的一部分。在這種情況下，我們需要將圖片的路徑寫入CSS文件中。但是有時候我們可能會遇到一些問題，比如找不到圖片或無法正確顯示圖片，造成樣式文件無法生效。下面我們來看一下如何正確地查看CSS里的圖片路徑。 首先，我們需要知道圖片的相對路徑。相對路徑是指相對于HTML文檔或者CSS文件的路徑。一般情況下我們會將圖片和CSS文件放在同一個文件夾下，這時候我們可以使用相對路徑來引用圖片。下面是一個例子：

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

上述代碼中的"./image/bg.jpg"路徑表示圖片文件夾下的"bg.jpg"文件。 另外，如果我們要引用的圖片不在CSS文件所在目錄中，而是在其上一層目錄中的img文件夾下，我們可以使用"../"來表示上一層目錄。下面是一個例子：

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

上述代碼中的"../img/bg.jpg"路徑表示img文件夾下的"bg.jpg"文件。 除此之外，我們還可以使用絕對路徑來引用圖片，絕對路徑是指從根目錄開始的路徑。這種方法一般不常用，因為更改目錄結構或者移動項目時需要重新設置路徑。下面是一個例子：

background-image: url(/projectName/img/bg.jpg);

上述代碼中的"/projectName/img/bg.jpg"路徑表示項目根目錄下的"img/bg.jpg"文件。 總結一下，正確查看CSS里的圖片路徑需要知道圖片的相對路徑、使用"../"來表示上一層目錄、使用絕對路徑來引用圖片。正確的圖片路徑能夠避免因為圖片引用出錯而導致網頁樣式無法正常顯示的問題。