バックグラウンド画像内セクションが表示されない

写真を表示する写真や写真のリンクを取得できません。私は複数ののリンクと写真を使ってみました。何も動作しません。同じフォルダ内のすべてのファイルと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; 
    }

出典

2017-08-13 madmax

間違っ：

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

NOT「：」あなたは「=」

出典

2017-08-13 14:29:09 zynkn

を使用する必要がありますおそらくだけでなく壊れて、それの残りのためのフィックスを置きますか？（しかし、この部分に良いキャッチ） –

バックグラウンド画像内セクションが表示されない

答えて

関連する問題