rgb的透明色设计要用rgba的颜色对象,即增加一个不透明度,Alpha。R,G,B分别代表红色值,绿色值,蓝色值,它们的取值均在(0-255),即有256*256*256种配色方案A是不透明度,取值在0-1
工具/原料
一台电脑(带浏览器)
方法/步骤
1
用sublime-text写了一个超简单的html文档body和div分别设计了不同的rgba背景色。
2
用浏览器打开此文件,查看效果
3
点击F12,打开开发者工具,为网页调色
4
下面设置div块儿的蓝色背景色的不同的不透明度,看看效果怎样从1,0.8,0.6,0.4,0.2,0渐变
5
看下不透明度从大到小的效果A值从1到0即是从完全不透明(可见,完全遮盖父元素颜色)到完全透明(不可见,直接显现出父元素颜色)
6
使用rgb的透明度只需设置颜色为rgba的值(0-1)即可,如图:
注意事项
注意使用浏览器f12开发者工具,比较方便调色
下一篇:王者荣耀的符文怎样配置