CSS 图片路径指的是在 CSS 文件中如何引用位于不同目录的图片资源。我们在编写 CSS 样式时，经常需要在其中引入图片作为背景或其他样式的装饰。然而，由于图片文件可能被放在不同的文件夹下，因此正确的指定图片路径就成了一件非常重要的事情。 在 CSS 中，我们可以通过使用 url() 函数来引用图片资源。不同的图片路径也有着不同的书写方式。下面我们来分别看一下相对路径和绝对路径的表示方法。 1. 相对路径 相对路径是相对于当前文件所在位置的路径。比如，假设在我们的项目根目录下有一张图片文件，路径为 images/example.jpg，那么在 css 文件中我们可以这样引入这张图片：

background-image: url('../images/example.jpg');

上面的代码中，我们使用了 ../ 这个表示返回上级目录的符号，表示该图片文件是位于 css 文件的上级目录下的 images 文件夹内。 2. 绝对路径 绝对路径是相对于网站根目录（也就是域名后面的目录）的路径。比如，在我们的网站根目录下有一张图片文件，路径为 /images/example.jpg，那么在 css 文件中我们可以这样引入这张图片：

background-image: url('/images/example.jpg');

上面的代码中，我们使用了 / 这个表示网站根目录的符号，表示该图片文件是在网站的根目录下的 images 文件夹内。 总的来说，正确的使用图片路径对于实现我们想要的页面效果是非常重要的。相对路径和绝对路径各有优劣，根据具体情况选择适合自己的方式使用即可。