我正在刷新我对HTML和CSS的知识(自从我使用这些语言已经4年了),我在使用文件夹结构中引用图像时遇到了问题.随附的图像显示了我的项目文件夹结构.
我想要做的是从我的CSS文件夹中的index.CSS文件,使用以下代码行从我的Images文件夹中访问图像logo 1.png,以用作背景.
body { background-color: #FFFEF0; background-image: url(./Images/logo 1.png);}
但是,这似乎不起作用,我看不到图像.我也尝试了../Images/logo 1.png,但这也不起作用.
从我的index.HTML,我可以使用./Images/logo 1.png(注意../ vs ./)从Images文件夹中显示一个图像.
我是否以正确的方式解决这个问题?我做了一些关于引用相对路径的谷歌,但没有任何好的例子.
有谁能告诉我这里哪里出错了?
解决方法 如果您的URL包含空格,您应该将引用括在引号中,并将空格字符替换为:background-image: url('../Images/logo%201.png');总结
以上是内存溢出为你收集整理的html – CSS中的文件夹结构全部内容,希望文章能够帮你解决html – CSS中的文件夹结构所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)