css样式加载图片路径 css图片路径

网站页面导入css,图片等文件的相对路径和绝对路径问题

. 代表当前所在目录， 相对路径 。如：文本或；.. 代表上一层目录， 相对路径 。如：文本或；../../ 代表的是上一层目录的上一层目录，相对路径。 如：；/ 代表根目录， 绝对路径 。

成都创新互联专注于恭城网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供恭城营销型网站建设，恭城网站制作、恭城网页设计、恭城网站官网定制、重庆小程序开发公司服务，打造恭城网络公司原创品牌,更为您提供恭城网站排名全网营销落地服务。

．HTML相对路径指由这个文件所在的路径引起的跟其他文件（或文件夹）的路径关系。

做好的网页在自己机器上可以正常浏览，而把页面传到服务器上就总是出现看不到图片，css样式表失效等错误。

CSS设置背景图片路径格式

1、在 CSS 中引用本地背景图片可以使用 background-image 属性，并将图片路径指定为本地文件路径。

2、在index.html中的标签中，输入css代码：body {background-image： url(img/image.jpg)}。浏览器运行index.html页面，此时成功把同级的img文件夹中的image.jpg用css设置为了背景图片。

3、通过css：background-image语句设置背景。background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。

4、现在在main.js文件里要用show.gif来做背景图片，那么要这样来写：background-image：url(image/td-top-gif)；这样写路径是因为main.js和image文件夹都是在css目录下的。

5、就是./点杠，上一级就是../点点杠。

CSS引用图片相对路径符号怎么写?

1、在使用相对路径时，我们用符号“.”来表示 当前目录 ；用符号“..”来表示 当前目录 的父目录。

2、在 CSS 中引用本地背景图片可以使用 background-image 属性，并将图片路径指定为本地文件路径。

3、就是./点杠，上一级就是../点点杠。

怎样设置CSS背景图片路径

在 CSS 中引用本地背景图片可以使用 background-image 属性，并将图片路径指定为本地文件路径。

CSS设置图像背景通过使用background-image属性，我们可以预先设置上传到服务器的图像作为背景。background-image： url(图像的路径)；在url中，输入要用作背景的图像文件的路径。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body {background-image： url(img/image.jpg)}。

现在在main.js文件里要用show.gif来做背景图片，那么要这样来写：background-image：url(image/td-top-gif)；这样写路径是因为main.js和image文件夹都是在css目录下的。

通过css：background-image语句设置背景。background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。