更改HTML页面的背景色

更改HTML页面的背景色,html,colors,background,Html,Colors,Background,我正在使用一个简单的HTML页面,其中包含一些表,我想更改页面的背景颜色。当我尝试更改bgcolor时,它只会更改页面底部的一条细线,此处显示页脚文本,而不是背景色。我不想改变表格的颜色,只想改变后面的颜色,这样页面的外缘就有了背景色,中间就有了一个白色的表格,里面有内容 以下是表格中的代码草案: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <

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

你的头衔在这里
李·姆森正常{
字体大小:12pt;字体系列:“Times New Roman”;mso样式父级:”;页边距-左侧:0in;页边距右侧:0in;页边距顶部:0in;页边距底部:0pt
}
.H1{
字体大小:36px;:#d70305
}
H1{
字体系列:Tahoma、Arial、Helvetica、无衬线
}
氢{
字体大小:20px;颜色:#000000
}
氢{
字体系列:Tahoma、Arial、Helvetica、无衬线
}
.style22{字体大小:12px}
.style13{字体系列:Tahoma;
字体大小:24px;
字体大小:粗体;
}
.style16{字体系列:Verdana、Arial、Helvetica、无衬线字体;
字号:24pt;
颜色:#000000;
字体大小:粗体;
}
.style17{颜色:#993300}
.style3{字体系列:Arial、Helvetica、无衬线字体;
字体大小:14px;
}
.style4{颜色:#666633;
字体大小:12px;
}
.style6{字体系列:Arial,Helvetica,无衬线;字体大小:10pt;}
.style90{字体大小:18pt}
.标题1{
字体系列:塔荷马,日内瓦,无衬线;
字号:24pt;
字体大小:粗体;
颜色:#C00;
}
这里是页脚文本
添加此css

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

身体
{
背景:#009;
}

不要使用内联样式,因为它已被弃用 第一种方法是可以在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>    

身体{
背景色:#2424;
边际上限:0px;
左边距:0px;
}
尝试添加此css

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

身体
{  
背景色:#as45er;
}    

这将帮助您更改背景颜色

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

身体
{
背景:#000;//这将为您的整个身体提供黑色背景色
}

如果您只使用html而不使用css/SCS,那么您可以在body标记中使用bgcolor 示例或 如果您使用css或SCS 然后 身体{ 背景色:“黑色”; 或 背景色:#000000;
这将帮助您感谢。

您可以在html代码中使用css更改html页面的背景色

选项1:
style=“背景色:#你的颜色”


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

警告:您的Doctype触发器使浏览器模拟旧浏览器中的错误,不支持某些功能,并且彼此之间的一致性明显降低。您应该避免这种情况。您可以通过在CSS中保留所有样式,而不使用HTML属性(如
border
topmargin
)来改进代码。directl在HTML中使用y。这样,您可以更轻松地维护站点,并更快地找到适合此类自适应的位置。您的Doctype设置为HTML 4,并且您在使用时不使用type=“text/css”属性,您应该这样做。代码对我来说很好。我猜您的表正在占据整个页面。请给出一个确定的大小,或者使用较小的表来查看更改。@Quentin-我应该使用什么doctype?当我将此行更改为小于100%时:我看到背景显示,外部表变小,但它的sm不会变小主表的两边都超过5毫米。我甚至不知道另一张表到底是干什么用的,但我试着把它注释出来,顶部和底部的页脚左对齐。我注意到我的另一页的背景颜色变为我想要的颜色,但主表下面似乎有另一个背景,我在页面的右侧,从下到上,可以看到背景色的一条小斜线。我尝试改变两个表格宽度的大小,但它只改变了表格的宽度,然后改变了表格中的文本。在背景和表格之间有一些我无法改变的东西。我最初没有创建此页面-I c仅使用HTML进行编辑和播放不会发现更复杂的(对我来说)问题。我如何使用这种样式?在哪里/如何使用它?欢迎使用。请使用“`”设置答案中的代码片段格式。