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

html-css09

如何将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、新建一个html文件,命名为test.html,用于讲解css怎么把两个图片叠加在一起。

Document

2、新建两个div,一个是class属性为a的div,另一个是class属性为b的div。

3、在两个div内分别加上一个图片标签img,并且写上两个图片的路径。

4、使用css对两个div的样式进行定义,(相关课程推荐:css视频教程)分别设置其position属性为absolute,即两张图片在页面的位置是绝对定位。

5、使用z-index设置两张图片的叠加的顺序,设置1.jpg在下面,2.jpg在上面。

6、通过left和top设置div距离页面左边缘的距离和距离页面上边缘的位置,实现两个图片叠加。

7、在浏览器打开test.html文件,查看实现图片叠加的效果。