Question

我想让头部和身体不同，彼此独立。因此，我想要不同的背景颜色，但我无法实现这一点。

如果有人知道如何让头部和身体的造型显示出来并使部分看起来不同，请告诉我。我已经包含了我在下面网站上使用的代码。

<html>
    <head>
        <p>Hi there!</p>
    </head>
    <body>
        <style>
            body {
                background-color: lightblue;
            }
            head {
                background-color: lightgreen;
            }
        </style>
        <p>Hi there!</p>
    </body>
</html>

输出图片：

the page output

Answer 1

head标记用于描述元数据和有关文档的重要信息。显示的内容不可见。

您的p标记应位于body标记下，而不是标题。

您的想法可能是您网页的header部分，该部分包含在您的正文标记下。

此外，您的css声明应该在他们自己的单独文件中进行。这是您的代码应该是什么样的

<html>

  <head>
      <link rel="stylesheet" href="styles.css">
  </head>

  <body>
    <header>
    </header>
    <p>Hi there!</p>
  </body>
</html>

Styles.css中

body {
  background-color: lightblue;
}

header {
  background-color: lightgreen;
}

如何使头部和身体不同的颜色

1 个答案: