Question

我正在使用一个简单的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>

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

Answer 2

这将帮助您更改背景颜色

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

Answer 3

添加此css

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

Answer 4

尝试添加此css

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

Answer 5

尝试使用此css代码。

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

Answer 6

如果您仅使用不带CSS / CSS的html，则可以在body标签中使用bgcolor 示例或如果您使用的是CSS或CSS 然后身体{ background-color：“黑色”；要么背景颜色：＃000000; 这将帮助您，谢谢您。

Answer 7

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

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

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

Answer 8

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

* {
background-color: black;
}

更改背景颜色HTML页面

8 个答案: