更改背景颜色 HTML 页面答案

【问题标题】：Change Background Color HTML Page更改背景颜色 HTML 页面
【发布时间】：2013-09-15 09:04:48
【问题描述】：

我正在使用一个包含几个表格的简单 HTML 页面，我想更改页面的背景颜色。当我尝试更改 bgcolor 时，它只会更改页面底部的一条细线，它在此处显示页脚文本，而不是背景颜色。我不想改变表格的颜色，而只是改变后面的颜色，以便页面的外边缘具有背景色，而中心有一个带有内容的白色表格。

这是表格中的代码草稿：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Language" content="en-gb">
<title>Your Title Here</title>

<style>
LI.MsoNormal {
FONT-SIZE: 12pt; FONT-FAMILY: "Times New Roman"; mso-style-parent: ""; margin-    left:0in; margin-right:0in; margin-top:0in; margin-bottom:0pt
}
.H1 {
FONT-SIZE: 36px; : #d70305
}
H1 {
FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif
}
H2 {
FONT-SIZE: 20px; COLOR: #000000
}
H2 {
FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif
}
.style22 {font-size: 12px}
.style13 {font-family: Tahoma;
font-size: 24px;
font-weight: bold;
}
.style16 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24pt;
color: #000000;
font-weight: bold;
}
.style17 {color: #993300}
.style3 {font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.style4 {color: #666633;
font-size: 12px;
}
.style6 {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
.style90 {font-size: 18pt}
.headline1 {
font-family: Tahoma, Geneva, sans-serif;
font-size: 24pt;
font-weight: bold;
color: #C00;
}
</style>

</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#242424">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" background="images/top.jpg">
<img src="images/header.jpg" width="873" height="233"></td>
</tr>
<tr>
<td style="background-image:url(images/middle.jpg); background-repeat:repeat-x;    background-color:#ffffff">
<table width="859" border="0" align="center" cellpadding="0" cellspacing="0"  background="images/sides.jpg">
<tr>
<td><table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<div align="center">


<!--Table Content here-->

</div>
</td>
</tr>
</table>
</table>             
</td>
<tr>
<td align="center" background="images/bottom.jpg">
<img src="images/footer.jpg" width="873" height="126"></td></tr>
</table>
<font color="#999999" size="2" face="Tahoma">footer text here</font></div>
</body>
</html>

【问题讨论】：

警告：您的 Doctype 触发 Quirks mode，其中浏览器会模拟旧浏览器中的错误，不支持某些功能，并且彼此之间的一致性明显降低。你应该避免它。
您可以通过在您的 CSS 中保留所有样式来改进您的代码，而不是直接在您的 HTML 中使用诸如 border、topmargin 等 HTML 属性。这样您就可以更轻松地维护网站并更快地找到适合此类调整的位置。
您的 Doctype 设置为 HTML 4，并且您使用的
代码对我来说很好用。我猜你的桌子正在占据你的整个页面。给出一个确定的大小或使用较小的表格来查看变化。

标签： html colors background

【解决方案1】：

不要使用内联样式，因为它已被弃用第一种方法是你可以在 body 标签上使用 style 属性。

<body style="background-color:#242424;margin-top:0px;margin-left:0px;">

第二种方法是在内部样式标签中定义样式 -

<style>
   body{
      background-color:#242424;
      margin-top:0px;
      margin-left:0px;
   }
</style>

【讨论】：

@Quentin - 我应该使用什么文档类型？
当我将此行更改为小于 100% 时：我明白了背景出现了，这个外表变小了，但它不会小于主表两侧约 5 毫米。我什至不知道这张表的真正用途是什么，但我尝试将其注释掉，并且顶部和底部页脚左对齐。

【解决方案2】：

这将帮助您更改背景颜色

<style>
    body
    {
        background:#000;// This will give black background color to your entire body
    }
</style>

【讨论】：

【解决方案3】：

添加这个 CSS

<style>
body
{
    background:#009;
}
</style>

【讨论】：

我注意到我的其他页面中的背景颜色已更改为我想要的，但主表下方似乎有另一个背景，我可以在页面的右侧看到，从下到上，背景色的一点点缝线。我尝试改变两个表格宽度的大小，但它只改变了表格的宽度，然后改变了表格中的文本。背景和表格之间似乎有一些我无法改变的东西。我最初并没有建立这个页面 - 我可以编辑和玩 HTML 只是没有错误发现更复杂的（对我来说）问题。
我该如何处理这种风格？我究竟在哪里/如何使用它？

【解决方案4】：

尝试添加这个 CSS

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

【讨论】：

【解决方案5】：

如果您只使用没有 css/scss 的 html，那么您可以在 body 标签中使用 bgcolor 示例或如果您使用 css 或 scss 然后身体{ 背景颜色：“黑色”；要么背景颜色：#000000；这对你有帮助，谢谢。

【讨论】：

欢迎来到 SO。请使用 ``. 格式化您的答案中的代码 sn-ps

【解决方案6】：

您可以通过在 html 代码中使用 css 来更改 html 页面的背景颜色。

选项 1：style="background-color: #yourcolor";

选项 2：.body { background-color: #yourcolor; }

【讨论】：

【解决方案7】：

为避免这种情况，请使用不带任何 div 名称的“*”。

* {
background-color: black;
}

【讨论】：