Question

我正在尝试使用容器div来容纳我的网页，并将其背景设为白色。但是，在该容器后面，我想将背景设为黑色。我怎样才能做到这一点？当我使用*时，它会使整个页面变黑，这是我不希望的。

<html>
<body>
<p>Hello World</p>
</body>
</html>

Answer 1

要设置整个背景，只需将以下内容添加到CSS

html {
    background-color: black;
}

body {
    background-color: white;
}

检出https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors，以获取有关不同类型的CSS选择器以及如何使用它们的更多信息。

CSS类型选择器通过节点名称匹配元素。换句话说，它将选择文档中给定类型的所有元素。

语法
element { style properties }

Answer 2

<html>
  <body>
    <div id="container">
      <p>Hello World</p>
    </div>
  </body>
</html>

您可以使用容器div元素将内容包装在body标签内，如上所示。我创建了codepen，以展示如何应用CSS来实现您的目标。