网站如何获得这种几乎白色的颜色?

时间:2014-01-13 02:20:44

标签: html css background

很多网站的背景实际上并不是白色的:它更像是一种灰色的颜色:

enter image description here

他们是如何做到的?它只是他们制作的图片还是有一些CSS?

5 个答案:

答案 0 :(得分:5)

简答:图片和CSS:两者都可以。

答案很长:

要添加背景图片,您必须执行类似

的操作
body {
    background-image: url('bgpic.png');
    }

其中bgpic.png是您要用作背景的图片。

我相信使用背景图片作为简单背景,因为这只会增加您的加载时间,反过来会让您的用户感到沮丧。 CSS替代方案更快更容易,您可能已经从其他答案中猜到了。

CSS 中,您可以像这样设置背景样式:

body {
    background-color: #efefef;
    }

或者,正如有人指出的那样,使用rgb等价物:

body {  
    background-color: rgb(239, 239, 239);
    }

我可以补充一点,也可以指定背景的透明度。比如说,你有一张背景图片,你有<div class="foo">可以使用半透明背景;然后你会做类似的事情:

body {
    background-image: url('bgpic.png');
    }

.foo {
    background-color: rgba(0, 0, 0, .5);
    }

请注意,rgba的最后一个值是您想要的%透明度。它的值小于1

这是 JSFIDDLE

答案 1 :(得分:0)

http://jsfiddle.net/ccnZt/

body {
   background: rgb(248,248,248);
}

答案 2 :(得分:0)

只是CSS。

body {
    background: #f0f0f0;
}

答案 3 :(得分:0)

请注意,如果网站未指定背景颜色,则浏览器将显示默认颜色。较旧的浏览器使用灰色,而新浏览器使用白色。

答案 4 :(得分:0)

他们可以使用图片图片或CSS;要么使用纯色图像设置背景图像,要么通过CSS设置RBG颜色的背景颜色。

body {
    background-image: url('yourbgimage.jpg');
}

body {
background: rgb(244,244,244);
} 

如果您想将背景设置为此颜色(或任何其他纯色),最好使用CSS,因为它会加载更快并改善用户体验!