title: How do I display an image via CSS in my local environment?
body: <p>This is quite embarrasing.  I am learning new things but I am surprised I can't figure this out on my own.  </p>
  
  <p>On my desktop, I have a folder called Test and in that I have <code>index.html</code> and a folder called CSS, which contains <code>index.css</code> and another folder called images with an image called <code>logo.png</code>.  </p>
  
  <p>In my <code>index.css</code> file, I have the following line: </p>
  
  <pre><code>background: url("images/logo.png") no-repeat;
  </code></pre>
  
  <p>Using the above line I can't display the image locally.  I tried using <code>/images</code> and <code>test/images</code> but it doesn't work.  How can I display this if I am viewing it locally?</p>