title: How do I add a background image in CSS?
body: <p>I have been trying to add my background image in CSS but nothing is working for me. I tried a few YouTube videos but nothing. Can anyone help me please? I have a folder called &quot;Image&quot; inside of my main folder called &quot;CSS_animation&quot; just for context.</p>
  <p>HTML</p>
  <pre><code>  &lt;!doctype html&gt;
    &lt;html&gt;
    &lt;head&gt;
    &lt;meta charset=&quot;utf-8&quot;&gt;
    &lt;link href=&quot;style.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;/&gt;
    &lt;title&gt;CSS Animation&lt;/title&gt;
    &lt;/head&gt;
  
    &lt;body&gt;
    &lt;main&gt;
  
    &lt;nav&gt;
    &lt;ul&gt;
    &lt;li class=&quot;one&quot;&gt;&lt;a href=&quot;#&quot;&gt;Menu 1&lt;/a&gt;&lt;/li&gt;
    &lt;li class=&quot;two&quot;&gt;&lt;a href=&quot;#&quot;&gt;Menu 2&lt;/a&gt;&lt;/li&gt;
    &lt;li class=&quot;three&quot;&gt;&lt;a href=&quot;#&quot;&gt;Menu 3&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/nav&gt;
    &lt;/main&gt;
    &lt;/body&gt;
    &lt;/html&gt;
  </code></pre>
  <p>CSS</p>
  <pre><code>  body
    {
    background-image: url(&quot;Image/FreshFarmsBG.jpg&quot;);
  
    } 
  </code></pre>