CSS background image not shwoing
So trying to display image but its not working, only a white background. The Heade.rjpg is in the same folder as the css file so idk what's wrong with it. The id is right anyway. Btw I'm using atom. #main_header{ font:900 20px; background: url(Header.jpg); } Heres the html and css file codes: <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>ggg</title> <link rel="stylesheet" href="C:\Users\john8\OneDrive\Desktop\Prog\CSS\Blog\Blog.css"> </head> <body> <header id="main_header"> <div class="container"> Sal_Toosh </div> </header> </body> </html> body{ font:Arial, sans-serif; } .container{ width:80%; margin:auto; } #main_header{ font:900 20px; background: url("Header.jpg"); height:500px; }
Often have questions like this?
Learn more efficiently, for free:
