背部图像内部不显示

问题描述：

我无法获取任何图片或图片链接显示。我尝试使用多个链接和图片。什么都没有所有文件位于同一文件夹中，并连接到CSS 。我不知道该怎么做。背部图像内部不显示

HTML

<!doctype html> 
<head> 
<meta name="viewport" content="width=device-width,initial-scale=1"> 
<meta charset= "utf-8"> 
<title> portfolio website </title> 
<link rel="stylesheet" href="stylesheet.css"> 

</head> 

<html> 
    <body> 
     <section class:"main"> 
     <div id="container"> 
       <div class:"header"> 
        <nav> 
         <a href="index.html">Home</a> 
         <a href="About.html">About</a> 
         <a href="Portfolio.html">Portfolio</a> 
        </nav> 
       </div> 
     </div> 
     </section> 
    </body> 
</html>

CSS

Body{ 
     margin: 0; 
     padding: 0; 
     height: 100%; 
     width: 100%; 

    } 

    .main{ 
     height: 100%; 
     width: 100%; 
     margin: auto; 
     background-image: url("rockets.jpg"); 
     background-repeat: none; 
     background-size: cover; 
    }

答

错误：

<section class:"main"> 
     <div class:"header"> 
        <nav> 
         <a href:"index.html">Home</a> 
         <a href:"About.html">About</a> 
         <a href:"Portfolio.html">Portfolio</a> 
        </nav> 
     </div> 
</section>

答：

<section class="main"> 
    <div class="header"> 
     <nav> 
      <a href="index.html">Home</a> 
      <a href="About.html">About</a> 
      <a href="Portfolio.html">Portfolio</a> 
     </nav> 
    </div> 
</section>

不是“：”你必须使用“=”

也许把修复它的REST的地方也破坏了吗？（虽然这部分有很好的发现） –

背部图像内部不显示

相关推荐