Question

我有一个简单的标记，只有一个没有任何内容的主体，当我像这样设计身体时：

body {
    width: 200px;
    height: 200px;
    background-color: antiquewhite;
    margin: auto;
}

而不是只是填充身体整个屏幕充满了背景色，这对我没有任何意义，这是一些疯狂的CSS怪异吗？

Answer 1

在你的身体和风格中创建一个div。

＆＃13;

#body{
  margin:auto;
  width:250px;
  height:250px;
  background-color:antiquewhite;
}

＆＃13;

<html>
  <body>
    <div id="body">

    </div>
  </body>
</html>

＆＃13;

Answer 2

<body>元素包含HTML文档的所有内容，例如：文本，超链接，图像，表格，列表等。

如果你想改变身体的颜色，你将改变整个屏幕的颜色，但是如果你只想更改一块屏幕的背景颜色，你可以使用div元素，部分，等

这是一个结构的例子：

＆＃13;

header
{
  height:50px;
  background-color:red;
}
section
{
  height:500px;
  background-color:blue;
}
footer
{
  height:50px;
  background-color:green;
}

＆＃13;

<body>
	<header>
		
	</header>
	<section>

		
	</section>
	<footer>
		
	</footer>
</body>

＆＃13;

Answer 3

通过调用css文件中的<BODY>标记，您将包含Web浏览器的整个界面。因此，显然整个屏幕将填充所选颜色。

我的建议是，如果您可以将主体划分为页眉和页脚，或者使用带有类或ID的div来调整您想要着色的部分，那会更好。

Answer 4

请参阅https://www.w3.org/TR/CSS2/colors.html#background

基本上，如果未指定HTML的背景，则它是“透明的”。如果存在，它将使用BODY的背景颜色。

我相信为HTML设置bgcolor会更容易：

html{background-color: white;}

body {
    width: 200px;
    height: 200px;
    background-color: black;
    margin: auto;
}

Answer 5

只需将此代码段添加到css文件中的代码

即可

＆＃13;

html{
   background-color:white;
}

＆＃13;

为什么背景颜色会填满整个屏幕？

5 个答案: