background-image: url("../images/bg.png");
上面的代码就是一个相对路径的示例。其中,双点代表当前目录的上一级目录。在这个例子中,CSS文件与图片文件在同一目录下,那么这个相对路径就可以找到图片。
如果图片在CSS文件的同一目录下,那么相对路径就可以写成这样:
background-image: url("bg.png");
因为在同一目录下,所以大家可以省略路径中的双点,直接写出图片的文件名即可。
如果图片在CSS文件所在目录的下一级目录中,那么相对路径就需要加上目录名,像这样:
background-image: url("images/bg.png");
这样可以让浏览器先定位到images目录,再找到bg.png图片。
需要注意的是,在编写相对路径时不仅仅只要写路径,而是需要根据正确的文件目录逐级定位。
希望本文对您在CSS中使用相对路径有所帮助!