Jon*_*Jon -6 html css background
许多网站的背景实际上并不是白色的:它更像是一种灰色的颜色:
他们如何做到这一点?它只是他们制作的图片还是有一些CSS?
简答:图片和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.
归档时间: |
|
查看次数: |
880 次 |
最近记录: |