Html css not working correctly
Question
For some odd reason when I try styling this html page with a backround in css nothing appears. Any Ideas on how to fix
-Thanks
<html>
<body>
<title>Test</title>
<b><font color="#F91212"><center>Test</center></font></b>
<br><b><center><font color="#FF0000">Have Fun!</font></center></b></br>
<br><b><font color="#FF0000"><center><a href="">Join now for free by clicking here</a> </center></font></b></br>
<br><center><img src="test.jpg"></img></center></br>
<style>
body {background-color:#b0c4de;}
</style>
</body>
</html>
5 answers
solution1
1 2013-10-23 21:40:21
It should look something like this (notice I moved the style tag within the head tag):
<head>
<style>
body{
background-color:#color;
}
</style>
<head>
solution2
0 2013-10-23 21:42:12
Why is your style tag in your <body> tag? It should be in the <head> tag:
<html>
<head>
<style type="text/css">body { background-color: red; }</style>
</head>
<body>
</body>
</html>
Or even better, put your css in a separate .css file.
solution3
0 2013-10-23 21:43:03
First of all that's not how css works or how html works. You should put your style tags in html head section. And you should determine html element where you want to set background-color.
<html> <head> <style> body { background-color:#b0c4de; } </style> </head> <body> <title>Test</title> <b><font color="#F91212"><center>Test</center></font></b> <br><b><center><font color="#FF0000">Have Fun!</font></center></b></br> <br><b><font color="#FF0000"><center><a href="">Join now for free by clicking here</a> </center></font></b></br> <br><center><img src="test.jpg"></img></center></br> </body> </html>
solution4
0 2013-10-23 21:45:29
Usually the syntax is like so:
<html>
<head>
<style>
body { background: #121212; }
</style>
</head>
</html>
With the style tag in the head tag.
solution5
0 2013-10-23 21:46:03
You will want to move your <style> tag inside of your <head> tag.
Try this code:
CODE
<style>
body {
background-color:#b0c4de;
}
</style>
<body>
<b><font color="#F91212"><center>Test</center></font></b>
<br><b><center><font color="#FF0000">Have Fun!</font></center></b></br>
<br><b><font color="#FF0000"><center><a href="">Join now for free by clicking here</a> </center></font></b></br>
<br><center><img src="test.jpg"></img></center></br>
</body>
SAMPLE
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.