Css 添加图像时出现问题-列表样式图像

Css 添加图像时出现问题-列表样式图像,css,Css,我在使用CSS添加图像时遇到了一些问题。我像下面那样编码,但是图像没有显示在网站上。 我被困在这部分了。 你能帮我继续吗 .categories li{ list-style-image:url('C:\Users\Leandro Albuquerque\Documents\Programming\EDX Course - Studying\CSS Studying\images\check.10px.png'); } 你的.css文件在哪里?你的照片在

我在使用CSS添加图像时遇到了一些问题。我像下面那样编码,但是图像没有显示在网站上。 我被困在这部分了。 你能帮我继续吗

.categories li{   

list-style-image:url('C:\Users\Leandro Albuquerque\Documents\Programming\EDX Course - Studying\CSS Studying\images\check.10px.png'); 

              }

你的.css文件在哪里?你的照片在哪里?(我假设图片是:C:\Users\Leandro Albuquerque\Documents\Programming\EDX Course-Studing\CSS Studing\images\check.10px.png?

我真的帮不上忙,因为我不知道你是如何组织你的计算机文件夹的,但首先不要把整个路径放在你的磁盘上,你必须从你的项目文件夹开始,如果要更改文件夹或
/
,请使用
。/


另外,非常重要的是,你的条形图是错误的,它是
/
,而不是
\

你不应该使用你电脑的整个路径,你应该从你项目的原始目录开始创建路径,也许这就是为什么不工作的原因。我尝试了W3C解释的所有内容,但没有任何效果。我不知道你电脑中的路径,但是尝试更改
url(CSS-studing\images\check.10px.png)
什么也没发生。列表样式图像:url('CSS\images\check.10px.png');现在!你明白了。:)列表样式图像:url('./images/check.10px.png');-多谢各位!我使用Visual Studio代码。图像位于C:\Users\Leandro Albuquerque\Documents\Programming\EDX Course-Studing\CSS Studing\images\check.10px.pngIm我不确定Visual Studio代码是如何工作的,但我假设.CSS文件位于硬盘中的某个位置?如果您的.css文件位于文件夹“example”中,而图像位于“example/images”中,则将代码中的路径更改为“images/10px.png”,但它还不能工作。列表样式图像:url('images\check.10px.png');嗯,试着玩弄一下路径,你最终应该会修复它。也许将“CSS研究”文件重命名为没有空格的文件可以修复它,也可能在“:”之后应该有空格。示例:列表样式图像:url