Div类和背景图像不工作在CSS

问题描述：

我真的很喜欢CSS，出于某种原因，我只是无法获得在下面的代码中添加的任何更改来处理文档（但它正确地链接到HTML，如果我使用*属性改变文本颜色，颜色会发生变化）Div类和背景图像不工作在CSS

所以有两个问题 - 首先，div类根本不会更新，而不是其中的一个变化，并且我知道div是第二，背景图片根本不会加载，我很确定我已经正确地链接了它。第二，背景图片根本不会加载，我很确定我已经正确地链接了它。

*{ 
 
    background-image: url ("file:\\\C:\Users\Dyldor\Desktop\dev\Landing 
 
    Pages\Fraud\finger.jpg"); 
 
    background-size: cover; 
 
} 
 

 
div.services { 
 
    padding:20px; 
 
    margin:20px; 
 
    height:10%; 
 
    width:100%; 
 
    text-align: center; 
 
    color:gray; 
 
}

<html> 
 
    <head> 
 
    <title> Hi World</title> 
 
    <link rel = "stylesheet" type = "text/css" href = "stylesheet.css" /> 
 
    </head> 
 

 
    <body> 
 
    <h1> Online Landing Page </h1> 
 
    <p> Woo 
 
    <br> <br> 
 
    Sorry for hiding the text </p> 
 
    <div class="services"> 
 
    <h2> Service One </h2> 
 
    <p> Number 1 
 
     <br> <br> 
 
     Number 1 is a cool one 
 
     <br> 
 
     I promise </p> 
 
    </div> 
 
    <h3> Want To Find Your Code? Get In Touch Now. </h3> 
 
    </body> 
 
</html>

任何你能给我一些想法，为什么这不工作？

谢谢！

删除空白URL（ “文件......”）;以及检查的背景 – zynkn

我两次路径这样做（它确实改变了我的编辑器的URL文本的颜色），但它没有添加实际的图像。该路径直接从我的文件资源管理器复制，我真的不明白为什么它不起作用 –

答

对于url或uri，您需要使用正斜杠而不是向后。用正斜杠检查一次。

谢谢，解决了第一个问题！ –

答

对于拨打<div class="services"></div>的css电话，您不需要拨打div.services只需.services ...您是否也可以偶尔发布您的HTML代码？

添加了一个编辑版本（仅限文本，这是我的业务正在进行的工作） - 现在也会测试你的建议！ –

答

删除之间的空间 “（” 和 “URL”

*{ 
 
background-image: url("https://www.w3schools.com/css/mountain.jpg"); 
 
background-size: cover; 
 
} 
 

 
div.services { 
 
padding:20px; 
 
margin:20px; 
 
height:10%; 
 
width:100%; 
 
text-align: center; 
 
color:gray; 
 
}

<h1> Online Landing Page </h1> 
 

 
<p> Woo 
 
<br> <br> 
 
Sorry for hiding the text </p> 
 

 
<div class="services"> 
 
<h2> Service One </h2> 
 

 
<p> Number 1 
 
<br> <br> 
 
Number 1 is a cool one 
 
<br> 
 
I promise </p> 
 
</div> 
 

 
<h3> Want To Find Your Code? Get In Touch Now. </h3>

Div类和背景图像不工作在CSS

相关推荐