首頁 >web前端 >css教學 >如何在 HTML 中存取上級目錄的資源?

如何在 HTML 中存取上級目錄的資源?

Linda Hamilton
Linda Hamilton原創
2024-11-26 06:52:13292瀏覽

How do I access resources from a higher directory in HTML?

從HTML 中的更高目錄存取資源

將網站的資源組織到單獨的目錄(例如樣式表和圖像)時,您可能需要從一個目錄引用另一個目錄中的資源。在這種情況下,您將樣式表儲存在 {root}/styles 中,圖像儲存在 {root}/images 中。

要指定樣式表中圖像目錄的路徑,您可以使用「. .」 表示法來指示父目錄。以下是如何修改CSS 程式碼以從{root}/images 目錄載入圖片:

background-image: url('../images/bg.png');

透過使用“../”,您引用的是上一層目錄,在本例中案例是根目錄{root}。從那裡,路徑繼續到 {root}/images 目錄並找到指定的圖像“bg.png”。

此方法可讓您更有效地組織網站的資產,同時確保正確的資源檢索,無論相對目錄結構。

以上是如何在 HTML 中存取上級目錄的資源?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn