写法 1. “rgba(红色,绿色,蓝色,透明度)”;rgba()函数通过红绿蓝三色叠加来生成各种颜色并控制颜色的透明度; 2. “hsla(色相,饱和度,亮度,透明度)”;hsla()函数通过色相、饱和度和亮度来定义颜色并控制颜色的透明度。
本教程操作环境windows10系统、css3&&html5版、dell g3电脑。
css3颜色透明度怎么写
1. 在css中,可以利用rgba() 函数,使用红(r)、绿(g)、蓝(b)、透明度(a)的叠加来生成许许多多的颜色。
语法如下
rgba(red, green, blue, alpha)其中
示例如下
<html><head><meta charset=utf-8><title>123</title><style>#p1 {background-color:rgba(255,0,0,0.3);}#p2 {background-color:rgba(255,0,0,1);}</style></head><body><p>rgb 颜色,并使用透明度:</p><p id=p1>红色</p><p id=p2>红色</p></body></html>输出结果
2. hsla() 函数使用色相、饱和度、亮度、透明度来定义颜色。
hsla 即色相、饱和度、亮度、透明度(英文hue, saturation, lightness, alpha )。
示例如下
<html><head><meta charset=utf-8><title>123</title><style>#p1 {background-color:hsla(120,100%,50%,0.3);}#p2 {background-color:hsla(120,100%,50%,1);}</style></head><body><p>hsl 颜色,并使用透明度:</p><p id=p1>绿色</p><p id=p2>绿色</p></body></html>输出结果
(学习视频分享css视频教程)