Struggling to set a background image for my webpage using CSS. The code I've used seems right, but the background remains blank. Here's my CSS snippet:
body {
background-image: url("Images/bg.png");
}
hr {
margin-left: 12%;
margin-right: 12%;
color: #000000;
background-color: #000000;
height: 3px;
}
h1 {
text-align: center ;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 300%;
}
h3 {
text-align: left ;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 150%;
}
#menu {
text-align: center;
}
.titles {
margin-left: 12%;
margin-right: 12%;
}
p {
text-align: justify ;
font-family: Verdana;
margin-right: 12%;
margin-left: 12%;
}
As for my HTML code:
<!DOCTYPE HTML>
<html>
<head>
... (HTML code here)
</body>
</html>
I seem to have everything in place, and yet the background image refuses to show up. Any helpful insights would be greatly appreciated.
Thanks so much!