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

Jon*_*Jon -6 html css background

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

在此输入图像描述

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

pra*_*cep 5

简答:图片和CSS:两者都有可能.

答案很长:

要添加背景图像,您必须执行类似的操作

body {
    background-image: url('bgpic.png');
    }
Run Code Online (Sandbox Code Playgroud)

bgpic.png您要用作背景的图像在哪里.

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

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

body {
    background-color: #efefef;
    }
Run Code Online (Sandbox Code Playgroud)

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

body {  
    background-color: rgb(239, 239, 239);
    }
Run Code Online (Sandbox Code Playgroud)

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

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

.foo {
    background-color: rgba(0, 0, 0, .5);
    }
Run Code Online (Sandbox Code Playgroud)

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

这是一个JSFIDDLE.

  • @chipperyman573:很乐意提供帮助`:)`,但请记住,在提问之前,您**必须**搜索Google,等等。并阅读 CSS:在 Google 上搜索 CSS 教程。避开 w3schools.com;请访问 w3fools.com 了解原因。祝一切顺利`:)`。 (2认同)