This is my html code:
<html>
<head>
<title>this is whatever</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</style>
</head>
<body>
<h1>this is just a test</h1><hr />
<p>and so is this</p>
<p><a href="http://www.google.com">google</a></p>
</body>
</html>
And this is my CSS sheet:
body {background-image:url(gradient.jpg);}
h1 {color:blue; font-size:30pt; text-align:center;}
hr {color:black;}
p {font-size:12pt}
a:link {color:blue;}
When I try to view the page in Firefox, there is no background image. Any help is appreciated. Thanks.
<html>
<head>
<title>this is whatever</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</style>
</head>
<body>
<h1>this is just a test</h1><hr />
<p>and so is this</p>
<p><a href="http://www.google.com">google</a></p>
</body>
</html>
And this is my CSS sheet:
body {background-image:url(gradient.jpg);}
h1 {color:blue; font-size:30pt; text-align:center;}
hr {color:black;}
p {font-size:12pt}
a:link {color:blue;}
When I try to view the page in Firefox, there is no background image. Any help is appreciated. Thanks.