CSS3新增颜色表达方式

1RGBA三原色配色方式

·RGB模式上新增了Alpha透明度。 RGB模式:p{background:rgb{100,100,100};}

·alpha参数介于0.0~1之间。 RGBA模式:p{background:rgba{100,100,100,0.5};}

2HSL模式

·语法:HSL(H,S,L)HSL分别表示色调,饱和度,亮度。

·H:0(360)表示红色,120表示绿色,240表示蓝色,也可取其他数值来指定颜色。 取值为:0-360

·S:(饱和度)。取值为0.0%-100.0%  

·L:(亮度)。 取值为0.0%-100.0%

#div{background:hsl(120,50%,50%);}

3HSLA模式

·HSL模式新增了Alpha透明度。

#div{background:hsl(120,50%,50%,0.5);}

posted @ 2019-04-16 09:49  Tyaco的学习总结  阅读(200)  评论(0编辑  收藏  举报