2

我正在使用一个包含几个表格的简单 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>
4

7 回答 7

2

不要使用内联样式，因为它已被弃用第一种方法是您可以在 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>
于 2013-09-11T11:16:29.637 回答
1

这将帮助您更改背景颜色

<style>
    body
    {
        background:#000;// This will give black background color to your entire body
    }
</style>
于 2017-03-23T13:19:53.267 回答
0

添加这个CSS 

<style>
body
{
    background:#009;
}
</style>
于 2013-09-11T11:09:45.747 回答
0

尝试添加这个 CSS

<style>       
  body  
  {  
      background-color:#as45er;  
  }    
</style>
于 2016-04-13T11:14:20.470 回答
0

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

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

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

于 2020-12-31T06:56:42.223 回答
0

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

* {
background-color: black;
}

于 2021-06-18T14:56:17.317 回答
0

如果您只使用没有 css/scss 的 html，那么您可以在 body 标签示例中使用 bgcolor，或者如果您使用 css 或 scss，则 body{ background-color: "black"; 或背景颜色：#000000；这将帮助你谢谢。

于 2020-05-25T03:49:59.817 回答