Menu
How can i add a image background to my website?
body { margin: 0; background: url(background.png); background-size: 1440px 800px; background-repeat:no-repeatdisplay: compact; font: 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; I did that much but nothing shows up on my page. I'm a CSS beginner.
Updated:
body { margin: 0; background-image: url(.../img/background.jpg); background-size: 1440px 800px; background-repeat:no-repeat; display: compact; font: 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; 
913
Usage is simple — you insert the path to the image you want to include in your page inside the brackets of url() , for example: background-image: url('images/my-image. png');
Say you want to put an image or two on a webpage. One way is to use the background-image CSS property. This property applies one or more background images to an element, like a <div> , as the documentation explains.
Put the background url in quotes.
It should be background: url('background.png');
See here for working demo.
You also have an issue with the background-repeat line missing a semicolon in between two statements. If your background is really tiny you won't see it because of that issue.
Just to update on the solution, among the other issues, the background file was being refrenced with .../background.jpg when it should have been ../background.jpg (2 dots, not 3).
91
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
