首頁 > web前端 > css教學 > 如何在 HTML 中引用更高目錄中的圖像?

如何在 HTML 中引用更高目錄中的圖像?

Susan Sarandon
發布: 2024-12-10 17:04:17
原創
469 人瀏覽過

How do I reference images from a higher directory in HTML?

在HTML 中引用上級目錄中的圖像

在Web 開發中,組織者通常將樣式表和圖像儲存在單獨的目錄中。若要引用樣式表中不同目錄的圖像,您需要修改路徑。以下是如何在 HTML 中的 URL 的來源路徑中上一層:

要在目錄結構中上一層,您可以使用雙點字元 (..)。此符號表示父目錄。例如,假設您將樣式表儲存在目錄“/styles”中,將圖像儲存在目錄“/images”中。若要引用位於「/styles」目錄中的樣式表中的「/images」目錄中的圖像,您可以使用以下路徑:

background-image: url('../images/bg.png');
登入後複製

在此範例中,「..」符號路徑中的內容在目錄結構中上升一級,允許樣式表存取“/images”目錄中的指定圖像。

以上是如何在 HTML 中引用更高目錄中的圖像?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板