css中url的路径问题?

html-css014

css中url的路径问题?,第1张

我想你应该是不太熟悉css中的相对路径和绝对路径:\x0d\x0a"."代表当前所在目录,相对路径。如:文本或;\x0d\x0a".."代表上一层目录,相对路径。如:文本或;\x0d\x0a"../../"代表的是上一层目录的上一层目录,相对路径。如:;\x0d\x0a"/"代表根目录,绝对路径。如:文本或;\x0d\x0a"D:/abc/"代表根目录,绝对路径。\x0d\x0a在使用相对路径时,我们用符号“.”来表示当前目录;用符号“..”来表示当前目录的父目录。\x0d\x0a所以,这里应该是background:url(../../images/bgs/backg.png)0-418pxrepeat-x

我想你应该是不太熟悉css中的相对路径和绝对路径:

"." 代表当前所在目录,相对路径。如:<a href="./abc">文本</a>或<img src="./abc" />;

".." 代表上一层目录,相对路径。如:<a href="../abc">文本</a>或<img src="../abc"/>;

"../../" 代表的是上一层目录的上一层目录,相对路径。 如:<img src="../../abc" />;

"/" 代表根目录,绝对路径。 如:<a href="/abc">文本</a>或<img src="/abc"/>;

"D:/abc/" 代表根目录,绝对路径。

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

所以,这里应该是background:url(../../images/bgs/backg.png)0 -418px repeat-x

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:body {background-image: url(img/image.jpg)}。

3、浏览器运行index.html页面,此时成功把同级的img文件夹中的image.jpg用css设置为了背景图片。