很多网站的背景实际上并不是白色的:它更像是一种灰色的颜色:
他们是如何做到的?它只是他们制作的图片还是有一些CSS?
答案 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)
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,因为它会加载更快并改善用户体验!