Question

我正在尝试将yumdom.com处的页面背景颜色设置为黄色。

我尝试过以下操作但失败了：

body{ background-color: yellow;} /*only a sliver under the header turns yellow.*/

#doc3{ background-color: yellow;} /*result same as above*/

#bd { background-color: yellow;} /*result same as above*/

#yui-main { background-color: yellow;} /*a rectangle turns yellow ending at where the content ends. I want this rectangle to extend all the way to the footer.*/

另请注意，如果在Chrome中的开发人员工具中我突出显示上面的某个html元素，我只会突出显示该页面的某个部分。页脚和内容下方的部分保持不突出显示。

我希望黄色填充页眉和页脚之间的整个空间，不留空白区域。

请注意，我们使用的是YUI重置，字体和网格CSS模板V 2.8.0r4

非常感谢！

Answer 1

<html>
  <head>
    <title>
        webpage
      </title>
</head>
  <body style="background-color:blue;text-align:center">
    welcome to my page
    </body>
  </html>

Answer 2

问题是页面正文实际上不可见。下面的DIV的宽度为100％，并且背景颜色本身会覆盖主体CSS。

要修复无人的土地，这可能会奏效。它不优雅，但有效。

#doc3 {
    margin: auto 10px;
    width: auto;
    height: 2000px;
    background-color: yellow;
}

Answer 3

我已经写了这个答案，但它似乎已被删除。问题是YUI向HTML元素添加了background-color:white。我覆盖了那一切，从那里一切都很容易处理。

Answer 4

身体的大小是动态的，它的大小只与其内容的大小一样大。在css文件中，您可以使用： $("tr.remove").removeClass("remove"); //现在所有元素都有黑色背景。

或

* {background-color: black} //页面现在有黑色背景，所有元素都保持不变。

Answer 5

在我看来，您需要在yellow上设置#doc3，然后摆脱在white上调出的#yui-main（这是掩盖的#doc3）的颜色。这会让你在页眉和页脚之间变黄。

Answer 6

您必须将其应用于 body 标签。

简写：

body {
    background: black;
}

单一属性：

body {
    background-color: black;
}

这是 YouTube 上的 html: how to change background color 教程。

其他答案没有提到的是，实际指定/更改 CSS 的方法有四种：

外部 CSS（使用 <link> 标签添加 CSS）
内部 CSS（在 <style> 标签之间输入 CSS）
内联 CSS（直接在 HTML 元素内输入 style 属性。
使用 JavaScript：使用 document.querySelector("#id").style.backgroundColor = 'black' 只需确保在 <script> 标签之间输入此代码

如何在css中设置整个页面的背景颜色

6 个答案: