title: Background color of header doesn't change
body: <p>this is index.html</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
      &lt;title&gt;Technology Trends&lt;/title&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;style.css&quot;&gt;
  &lt;/head&gt;
  &lt;body background=&quot;Images/bg2.jpg&quot;&gt;
      &lt;header&gt;
          
          &lt;img src=&quot;Images/logo2.jpg&quot; alt=&quot;logo&quot; width=&quot;52&quot; height=&quot;39&quot;&gt;
  
          &lt;div&gt;
              &lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;
              &lt;a href=&quot;#&quot;&gt;Services&lt;/a&gt;
              &lt;a href=&quot;#&quot;&gt;About Us&lt;/a&gt;
              &lt;a href=&quot;#&quot;&gt;Contact Us&lt;/a&gt;
          &lt;/div&gt;
      &lt;/header&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>this is style.css</p>
  <pre><code>*{
      padding: 0;
      margin: 0;
  }
  
  body {
      background-size: cover;
  }
  
  header{
      background-color: black;
  }  
  </code></pre>
  <p>hi, I am trying to create a website using HTML and CSS, and would like change the background color of the header.
  My external css is linked and have given the background-color property for the css selector header. But still it's not working .</p>
  <p>Can anyone point out where I've gone wrong?</p>
  <p>Thanks in advance.</p>