当前位置:Gxlcms > html代码 > CSS学习(十五)-CSS颜色模式、CSS颜色透明度_html/css_WEB-ITnose

CSS学习(十五)-CSS颜色模式、CSS颜色透明度_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:25人阅读

一、理论:
1.CSS3颜色模式
a.RGBA颜色模式,在RGB基础上加了控制alpha透明度的参数
b.HSL颜色模式:色调 饱和度 亮度
c.HSLA颜色模式:A值取于0-1之间,值越大,透明度越低
2.RGBA/HSLA滤镜格式
a.需要用转换工具才能在ie8及以下版本中使用RGBA/HSLA颜色模式相同的透明度,需要将RGBA/HSLA中的透明值乘以255,然后将其转换成十六进制值

二、实践:

1.

        Title    
1
0.8
0.6
0.4
0.2
1
0.8
0.6
0.4
0.2
1
0.8
0.6
0.4
0.2
1
0.8
0.6
0.4
0.2
1
0.8
0.6
0.4
0.2
2.

        Title    
1
0.8
0.6
0.4
0.2
1
0.8
0.6
0.4
0.2
1
0.8
0.6
0.4
0.2
1
0.8
0.6
0.4
0.2
1
0.8
0.6
0.4
0.2

人气教程排行