32

我正在尝试将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

非常感谢！

4

8 回答 8

18

主体的大小是动态的，它仅与其内容的大小一样大。在 css 文件中，您可以使用： * {background-color: black}// 所有元素现在都有黑色背景。

或者

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

于 2015-12-23T18:56:32.623 回答
18 

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

于 2016-09-20T06:39:59.693 回答
6

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

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

#doc3 {
    margin: auto 10px;
    width: auto;
    height: 2000px;
    background-color: yellow;
}
于 2012-03-10T18:16:27.373 回答
5

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

于 2012-03-15T04:26:55.257 回答
4

我检查了您的源代码，发现要更改为黄色，您需要将黄色背景颜色添加到：#left-padding、#right-padding、html、#hd、#main 和#yui-main。

希望这是你想要的。拜拜

在此处输入图像描述

于 2012-03-13T08:55:42.757 回答
3

您必须将其应用于身体标签。

速记：

body {
    background: black;
}

单一属性：

body {
    background-color: black;
}

这是一个html：如何在 YouTube 上更改背景颜色教程。

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

  1. 外部 CSS（使用<link>标签添加你的 CSS）
  2. 内部 CSS（在<style>标签之间键入 CSS）
  3. 内联 CSS（style直接在 HTML 元素内输入属性。
  4. 使用 JavaScript：document.querySelector("#id").style.backgroundColor = 'black'只需确保在标签之间键入此<script>代码
于 2021-03-19T04:36:11.173 回答
0

在我看来，您需要将 on 设置为yellowon #doc3，然后摆脱在 thewhite上调用的那个#yui-main（它掩盖了 的颜色#doc3）。这会让你在页眉和页脚之间变黄。

于 2012-03-10T19:05:30.357 回答
0

您在 CSS 中使用选择器，我猜您只选择了正文的一个组件。因此，如果您希望整个背景为一种颜色，则必须选择正确的组件。在 HTML 中，有 head body，head 标签定义了标签上显示的内容。Body 定义整个 HTML 正文。高亮部分是 HTML 的头部和主体。在此处输入图像描述

于 2021-12-27T01:45:05.450 回答