css中background-image背景图片路径设置

web项目中经常会用到background-image:url()，很多小伙伴不知道该怎么写需要的图片路径。

在此之前先要知道几个重要的东东：

• /  项目根目录         这个不用多说，就是程序最上层的目录

• ./  当前目录            当前文件所在的目录

• ../  父级目录           当前文件的父目录

假设有项目结构路径如下：

在style.css文件中为某个html元素设置background-image，所使用的图片为shadow_light.png，那么怎么设置路径呢？

那么可以这样设定图片路径：

• style.css文件所在的目录（即当前目录）下的image文件夹中的shadow_light.png图片，也就是./image/shadow_light.png。

• style.css文件的父级目录（style.css所在的目录是Content，所以它的父级目录就是Content所在的目录）下的Content文件夹中的image文件夹中的图片shadow_light.png，也就是../Content/image/shadow_light.png。

• 根目录下的Content文件夹中的image文件夹中的图片shadow_light.png，也就是/Content/image/shadow_light.png。