温馨提示  2024年 6月我们已经停止开发者板块文章内容更新,谢谢来访。存档数据
知识 2023-08-24 51 次阅读

css3颜色透明度怎么写

   

写法 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视频教程)