Home >Web Front-end >CSS Tutorial >How do I reference images from a higher directory in HTML?
Referencing Images from Higher Directory in HTML
In web development, organizers often store style sheets and images in separate directories. To refer to images from a different directory within a style sheet, you need to modify the path. Here's how to go up a level in the source path of a URL in HTML:
To go up one level in the directory structure, you can use the double-dot character (..). This notation indicates the parent directory. For example, suppose you store style sheets in the directory "/styles" and images in the directory "/images". To reference an image from the "/images" directory within a style sheet located in the "/styles" directory, you would use the following path:
background-image: url('../images/bg.png');
In this example, the ".." notation in the path goes up one level in the directory structure, allowing the style sheet to access the specified image in the "/images" directory.
The above is the detailed content of How do I reference images from a higher directory in HTML?. For more information, please follow other related articles on the PHP Chinese website!