1、首先准备一张设置为背景的图片,这边准备的是一张650px*347px的图片。
2、然后建立一个html文档,将它和背景图片放到一个文件夹中。
3、编辑html文档,这边建立一个div,设置宽度为700px,高度跟背景图一样,为347px。
4、就给div设置背景图片。
5、在浏览器中预览会发现图片平铺了,这不是想要的效果。
6、然后可以给div再加上属性,-moz-background-size:100% 100%background-size:100% 100%。
7、这样设置后就会发现背景图片拉伸至100%了。
css的背景颜色设置为无色步骤如下:
1、新建一个html文件,需要设置宽度250px和高度140px,以及背景色填充为红色。
2、然后在父级DIV中插入一个子DIV,定义它的宽200px,高90px,以及背景色。
3、然后添加一个无色(透明)的代码(opacity:0.6)。
4、在图层的上方,有个不透明度,设置为60%。
5、把刚才的背景色和无色代码删除,换个代码【background-color:rgba(255,255,255,0.6)】。
6、其中255,255,255就是PS中的拾色器里的数值。这样,css的背景颜色就为无色了。