5. RGBA
RGBA颜色表示形式只是比RGB多了一个A。A表示Alpha透明度。取值是0到1.
rgba(red, green, blue, alpha)
例如:
- div{
- width: 100px;
- height: 100px;
- background: rgba(255, 0, 0, 0.5);
- }
效果图:
后面如果有图片的话效果会更明显,效果图:
rgb(255, 0, 0)和 rgba(255, 0, 0, 0.5)效果区别:
后面如果有图片的话效果会更明显,效果图:
6. HSLA
HSLA颜色表示形式只是比HSL多了一个A。A表示Alpha透明度。取值是0到1.
hsla(hue, saturation, lightness, alpha)
例如:
- div{
- width: 100px;
- height: 100px;
- background:hsla(100, 80%, 50%,0.8);
- }
效果图:
后面如果有图片的话效果会更明显,效果图:
hsl(100, 80%, 50%)和hsla(100, 80%, 50%,0.5)的效果区别:
后面如果有图片的话效果会更明显,效果图:
>>本文地址:https://www.ujiuye.com/zhuanye/2020/48651.html
声明:本站稿件版权均属中公教育优就业所有,未经许可不得擅自转载。
1 您的年龄
2 您的学历
3 您更想做哪个方向的工作?