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;
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 linemissing 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.jpgwhen it should have been../background.jpg(2 dots, not 3).