css 样式背景图路径
VIEW CONTENTS
首页 建站教程 新手教程 查看内容

css 样式背景图路径

2017-10-13 16:05| 发布者: admin| 查看: 1991| 评论: 0
我们在写css样式的时候,有些样式会需要用到背景图,很多新手对这个背景图路径该怎么写会含糊
比如
你有个xx.css样式文件,这个样式文件放在网站根目录的css目录,也就是www/css/xx.css
图片文件是放在根目录的images目录,比如www/images/aa.png
那么我们在xx.css里该怎样写aa.png这个背景图的路径呢,如下

[代码]css代码:

.dtyuanma{width:200;background: url('../images/aa.png');}
我们再举个例子
css文件是放在 www/template/moban/css/xx.css这个文件夹
图片还是原来位置吧www/images/aa.png,这个背景图路径写法如下

[代码]css代码:

.dtyuanma{width:200;background: url('../../../images/aa.png');}
由以上两个例子我们可以看出,背景图的路径是根据css文件所在文件夹到根目录的层级决定的,比如
www/template/moban/css/xx.css,这个css到www目录中间有3个文件夹,那么我们在写背景图路径的时候就加3个“../",以此类推即可


路过

雷人

握手

鲜花

鸡蛋
返回顶部