多语言展示
当前在线:1559今日阅读:60今日分享:41

rgb透明色怎么设置

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开发者工具,比较方便调色

推荐信息