2017-08-13 62 views
0

我無法獲取任何圖片或圖片鏈接顯示。我嘗試使用多個 鏈接和圖片。什麼都沒有所有文件位於同一文件夾中,並連接到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; 
    } 

回答

1

錯誤:

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

不是「:」你必須使用「=」

+0

也許把修復它的REST的地方也破壞了嗎? (雖然這部分有很好的發現) –