Why is My Image Not Showing Up in The Background?

Question

I am currently building a website and ran into a issue with my code. I am trying to set an image as a background for my header. I have checked the path to my image, the spelling of everything, and have checked my syntax online. Everything seems to match, so I don't understand why my image is not popping up. Any help you guys can give would be amazing. Thank you. Below is my css code:

header {                                                                                          
  text-align: center;                                                                                           
  background-image: url("image/concert.jpg");
  background-size: 700px;
  height: 333px;
  width: 500px;
}

Answer 1

In addition to what other people already commented on your question, it is worth noting that the filepath must be relative to the css file's location. Say your entire project is in a folder named root, and css is located in root/css/styles.css but image is in root/image/concert.jpg, then, from your stylesheet, you should call the image like background-image: url("../image/concert.jpg"); Like @David Alsbright said, you should check the development tools console of your browser. It will help you determine if there's a problem with the file path.