如何将css的背景颜色设置为无色

html-css019

如何将css的背景颜色设置为无色,第1张

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的背景颜色就为无色了。

1、可以同时使用背景色和背景图,具体方法首先用hbuilder新建一个html文件,创建一个div,并给div一个class属性,在上方的style中设置class的样式,这里把div的宽度和高度设置大点,方便观察效果:

2、然后使用background设置属性;background是一个复合属性,有五个参数,第一个是背景颜色,第二个是图片,第三个是图片重复的设置,第四个是背景图像是否固定或者随着页面的其余部分滚动,第五个个背景图像的起始位置:

3、最后打开浏览器,就能看到图片了,图片覆盖不了的部分则是使用背景色填充: