设置整个网页(浏览器窗口)的背景色

Set the background color of the entire webpage (the browser's window)

本文关键字：窗口 背景色 浏览器 网页 设置      更新时间：2023-09-26

我对html, css等的经验很少，所以对于那些用来创建网页的人来说，这可能是一个愚蠢的问题。但是我无法设置整个窗口的背景色。

我指的是浏览器的窗口。

例如:imgur

我已经尝试过设置正文的背景色，当然，没有成功。

任何帮助/链接将不胜感激。

编辑:

可能是因为我的英语不好，我无法解释我的意思。我再试一次。在我发布的链接中，网页位于屏幕中央(99%的网站都是如此)。

这是身体，不是吗?

改变它的bg颜色没有问题，所以请停止张贴明显的答案。

我需要改变在主体的右侧和左侧的列的bg颜色，在我已经发布的链接。所以，我猜有一种方法可以设置整个窗口的颜色/纹理，而不仅仅是主体。

设置body元素的background-color应该可以工作。如果边上有未上色的部分，也将边距和内边距设置为0。你也可能有另一个元素的背景颜色与body元素重叠，这就是为什么你看不到颜色的原因。

body {
  background-color: red;
}
<html>
<body>
</body>
</html>

您可以使用background-color标记，该标记可以在W3C http://www.w3schools.com/cssref/pr_background-color.asp

上深入阅读。

这个的一个例子如下:

CSS: 

body{
  background-color: red;
}
HTML: 

<body style = "background-color: red;">

marco -

页面的主体背景是纯色的，但是它们确实对页面上的div元素应用了图像(纹理)。我认为这就是你想要复制的东西。查看下面示例中的css，特别是背景:他们使用的纹理非常微妙，在我的屏幕上不容易看到。

图像url:http://s.imgur.com/images/main-bg.png

您可以使用浏览器的开发工具(通常按F12)自己检查网站，并查看应用到页面上的样式。

这是页面的实际样式:

#fullbleed-bg {
    width: 100%;
    min-width: 1000px;
    height: 429px;
    position: absolute;
    top: 50px;
    background: url("//s.imgur.com/images/main-bg.png") no-repeat scroll center top transparent;
    max-width: 100%;
    overflow-x: hidden;
}

运行代码片段查看:

<html>
<head>
<style type="text/css">
  
body {
    width: 100%;
    height: 200px;
    background-image: url("//s.imgur.com/images/main-bg.png") 
}
</style>
</head>
<body>
</body>
</html>

如何更改body

<body>
    <div>
        some text
    </div>
</body>
body{
    background-color:yellow;
    height:100px;
}
div{
    background-color:red;
}

您可以使用颜色名称或十六进制/RGB值直接在body标签上设置样式

<body style="background-color=red">

在外部样式表中使用html选择器，如下所示:

html {
    background-color: red;
}
相关文章：