Div Classes&背景图像不适用于CSS

时间:2017-08-14 04:42:07

标签: html css

我真的很厌倦css,由于某种原因我无法在下面的代码中添加任何更改来处理文档(但是如果我使用了更改文本颜色,它会正确链接到HTML *属性颜色变化)

所以有两个问题 - 首先,div类根本不会更新,而不是其中的一个变化有效,而且我知道div在HTML中正确设置(div class =“services”)

其次,背景图像根本不会加载,我很确定我已正确链接它。

*{
  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>

你们有谁能告诉我为什么这不起作用?

谢谢!

3 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

对于<div class="services"></div>的css来电,您无需仅div.services致电.services ...您是否也可以发布HTML代码?

答案 2 :(得分:0)

删除“(”和“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>