CSS中的相對路徑 在CSS中，當我們需要引用外部資源（如圖像或字體）時，我們可以使用相對路徑來指定文件位置。所謂相對路徑就是相對于當前文件的路徑來描述目標文件的位置。 相對路徑的格式有兩種：一種是相對于CSS文件本身的路徑，另一種是相對于HTML文檔的路徑。下面我們分別來看一下這兩種情況的相對路徑。 相對于CSS文件本身的路徑 在CSS文件中使用相對路徑引用其他資源時，相對路徑是相對于CSS文件本身的位置來描述文件的位置。比如，我們有一個CSS文件和一個名為“bg.jpg”的圖片文件，它們都放置在同一目錄下。我們可以使用相對路徑來引用這個圖片文件： pre{ background-image: url("bg.jpg"); } 這里的相對路徑是“bg.jpg”，它是相對于當前CSS文件的位置來描述“bg.jpg”的位置。 如果我們把“bg.jpg”圖片文件放在CSS文件的上一級目錄中，我們就需要使用相對路徑的“../”符號來描述上一級目錄： pre{ background-image: url("../bg.jpg"); } 這里的相對路徑是“../bg.jpg”，它告訴CSS文件在上一級目錄中找到“bg.jpg”文件。 相對于HTML文檔的路徑 當我們在HTML文檔中使用標簽來引用CSS文件時，CSS文件的相對路徑是相對于HTML文檔的位置來描述文件的位置。比如，我們有一個名為“style.css”的CSS文件，它放置在HTML文檔的上一級目錄中。我們可以使用相對路徑來引用它：

這是一個段落。

這里的相對路徑是“../style.css”，它告訴HTML文檔在上一級目錄中找到“style.css”文件。 總結 相對路徑是指相對于當前文件的路徑來描述目標文件的位置。在CSS中，當我們引用其他資源時，需要使用相對路徑來指定文件位置。相對路徑分為相對于CSS文件本身的路徑和相對于HTML文檔的路徑兩種。我們需要根據不同的上下文來選擇合適的相對路徑格式。