Html css无法正常工作答案

【问题标题】：Html css not working correctlyHtml css无法正常工作
【发布时间】：2013-11-02 09:13:47
【问题描述】：

由于某些奇怪的原因，当我尝试使用 css 中的背景设置此 html 页面的样式时，什么也没有出现。关于如何修复的任何想法

-谢谢

<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>

【问题讨论】：

您的代码似乎在这里工作：jsfiddle.net/EDCa2

标签： html css image colors

【解决方案1】：

它应该看起来像这样（注意我在 head 标签中移动了 style 标签）：

<head>
    <style>
    body{
        background-color:#color;
    }
    </style>
<head>

【讨论】：

【解决方案2】：

为什么<body> 标记中有您的样式标记？它应该在<head> 标签中：

<html>
    <head>
         <style type="text/css">body { background-color: red; }</style>
    </head>
    <body>
    </body>
</html>

或者更好的是，将您的 css 放在单独的 .css 文件中。

【讨论】：

【解决方案3】：

首先，这不是 css 的工作方式或 html 的工作方式。你应该把你的样式标签放在 html 头部分。您应该确定要设置背景颜色的 html 元素。

<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>

【讨论】：

【解决方案4】：

通常语法是这样的：

<html>
    <head>
    <style>
         body { background: #121212; } 
    </style>
    </head>
</html>

在 head 标签中使用 style 标签。

【讨论】：

【解决方案5】：

您需要将<style> 标记移到<head> 标记内。

试试这个代码：

代码

<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>

示例

http://jsfiddle.net/Uy2Zb/

【讨论】：