CSS设置背景图片路径格式

<styletype="text/css">body{background-image:url(file:///d|/MyDocuments/我的网站1/我的PS作品.p... <style type="text/css">

body{background-image:url(file:///d|/My Documents/我的网站1/我的PS作品.png)}
p.girl{background-image:url(file:///d|/My Documents/我的网站1/刺激啊.jpg)}
a.lucy{background-image:url(file:///d|/My Documents/我的网站1/张柏芝.jpg)}
</style>
</head>

<body>
<p class="girl">我是一个小女孩 <a href="#" class="lucy"> 我是张柏</a></p>

图片路径不对吗 ? 还有那个 “#”是什么意思 、不好意思 我也是跟教程上学着画鸦的。用的 内部链接样式。跪求答案 !!
展开
 我来答
程豆豆5A
推荐于2017-09-16 · 知道合伙人互联网行家
程豆豆5A
知道合伙人互联网行家
采纳数:153 获赞数:524
从事web前端俞6年,经验丰富,喜欢帮助别人,同时也在提高自己

向TA提问 私信TA
展开全部
.a{background-image:url(图片路径)}

图片路径可以是绝对路径、根相对路径和文档相对路径
绝对路径是包括服务器协议的完全路径,比如“百度主页”,完全路径为:http://www.baidu.com/index.htm,如果所要链接当前站点之外的文档,就必须使用绝对路径。
相对路径包括根相对路径(Site Root)和文档相对路径(Document)两种。
根相对路径(也称相对跟目录)的路径以“/”开头,路径是从当前站点的根目录开始计算。比如我们前面建的D盘myweb目录就是名为“myweb”的站点,这时“/index.htm” 路径,就表示文件位置为D:\myweb\index.htm。根相对路径适用于链接内容频繁更换环境中的文件,这样即使站点中的文件被移动了,其链接仍可以生效。

文档相对路径就是指包含当前文档的文件夹,也就是以当前网页所在文件夹为基础开始计算路径。比如,当前网页所在位置为 D:\myweb\mypic,那么:
“a.htm”就表示 D:\myweb\mypic\a.htm;
“../a.htm”相当于 D:\myweb\a.htm,其中“../”表示当前文件夹上一级文件夹。
“img/a.gif”是指 D:\myweb\mypic\img\a.gif,其中“img/”意思是当前文件夹下名为 img 文件夹。
文档相对路径是最简单的路径,一般多用于链接保存在同一文件夹中的文档。
换成图片路径也是 一样的道理
我不叫小莫
2011-06-19 · 技多不压身,趁自己还能学,多学点总没错。
我不叫小莫
采纳数:29 获赞数:70

向TA提问 私信TA
展开全部
#是代表一个链接的意思,有的时候你不知道要链接到哪个地址的时候就暂时用#代替,预览的时候还是会显示那张图片是加了链接的,等你想好要把图片链接到哪里的时候再把#换成链接地址就行了。在dreamweaver设计网页的时候经常会用到这样的,因为很多子页面不可能是全部一起做好的,都要一个页面一个页面来做的,但是做的时候肯定需要链接到各个子页面的,这个时候又不知道要链接到具体的哪个,所以我们习惯性都用#代替链接地址的。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友d92ec75
2011-06-19 · TA获得超过942个赞
知道小有建树答主
回答量:334
采纳率:0%
帮助的人:499万
展开全部
你的路径要用相对路径,而且文件名组号是英文或数字格式命名
可以改成p.girl{background-image:url(ciji.jpg)}
这个情况是指你所在页面的style和 ciji.jpg是同一个目录。

回答第二个问题,那个#是链接地址,假如你要链接到百度,就把#换成百度的网址就可以了
追问
我在选用本地链接的时候,在本地图片里找 。然后提示“自动保存到根目录 ”双击之后就出现好长的文件路径了 。怎么回事啊 ?用的 DW,怎么就不会出现这种情况了呢 ?
追答
你不要那样做,就自己把图片先手动移动到同一个目录里面,不要再DW里面拖啊选的,那样容易产生冗余代码
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式