背景图片地址

背景图片地址

电脑上看下载的图片的属性只有那些绝对地址什么的,不知道怎么写到url()里面

正在回答

登陆购买课程后可参与讨论,去登陆

4回答

同学你好, 可以直接将绝图片的对路径复制到url中也是可以的。

不过,推荐同学将图片放在一个文件夹中, 和html文件同级, 然后就可以使用相对路径引入图片了

示例:在test文件夹下有一个html文件, 和一个img文件存放图片

http://img1.sycdn.imooc.com//climg/5d400d610001d02605730287.jpg

在html中引入图片

http://img1.sycdn.imooc.com//climg/5d400dc10001cb0a08950683.jpg

效果图:

http://img1.sycdn.imooc.com//climg/5d400dd00001889f04430372.jpg

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~~


  • kemidao 提问者 #1
    为什么我没办法发图给你看……我是直接在网上下载,然后放到文件夹里面,然后打开文件夹是图片显示的,不是和你一样英文显示。然后我把那个绝对路径比如“C:\Users\user\Test\…写在url(“”)里面,然后失败?
    2019-07-30 17:36:33
  • 好帮手慕慕子 回复 提问者 kemidao #2
    同学你好, 可以在点击回答,然后粘贴图片,或者再次提问,将你的项目目录以及图片所在的文件目录都截图粘贴过来, 便于老师高效的为你解决问题,祝学习愉快~~~
    2019-07-30 17:47:36
好帮手慕慕子 2019-07-30 18:09:12

同学你好, 老师这里的banenr.png是图片的名称。

看同学的截图,引入图片的路径是没有问题的,可能代码书写有错误。

div需要设置宽高才可以让图片显示出来哦。

http://img1.sycdn.imooc.com//climg/5d4016b70001f54604300259.jpg

建议:同学可以给div添加width和height属性试试

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~


提问者 kemidao 2019-07-30 17:52:42

http://img1.sycdn.imooc.com//climg/5d4013670001fefe15001505.jpg
http://img1.sycdn.imooc.com//climg/5d4013670001ddd315001505.jpg
http://img1.sycdn.imooc.com//climg/5d40136700019ab015001505.jpg
老师刚刚图片好像不清楚,我重拍了

提问者 kemidao 2019-07-30 17:50:37

http://img1.sycdn.imooc.com//climg/5d4012e600016efe15011501.jpg
http://img1.sycdn.imooc.com//climg/5d4012e800010e0715011501.jpg
http://img1.sycdn.imooc.com//climg/5d4012e900018d9115011501.jpg
老师我已经将html文件和img图片的文件放在一起了,然后还是没有,是不是我代码错了?喔还有您那个banner.png是图片名称吗,还是地址什么的

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师