成都网站建设设计

将想法与焦点和您一起共享

css3颜色透明度如何写

这篇文章主要为大家展示了“css3颜色透明度如何写”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“css3颜色透明度如何写”这篇文章吧。

嘉定ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:13518219792(备注:SSL证书合作)期待与您的合作!

写法:1、“rgba(红色,绿色,蓝色,透明度)”;rgba()函数通过红绿蓝三色叠加来生成各种颜色并控制颜色的透明度;2、“hsla(色相,饱和度,亮度,透明度)”;hsla()函数通过色相、饱和度和亮度来定义颜色并控制颜色的透明度。

本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。

css3颜色透明度怎么写

1、在css中,可以利用rgba() 函数,使用红(R)、绿(G)、蓝(B)、透明度(A)的叠加来生成各式各样的颜色。

语法如下:

rgba(red, green, blue, alpha)

其中:

css3颜色透明度如何写

示例如下:




123



RGB 颜色,并使用透明度:

红色

红色

输出结果:

css3颜色透明度如何写

2、hsla() 函数使用色相、饱和度、亮度、透明度来定义颜色。

HSLA 即色相、饱和度、亮度、透明度(英语:Hue, Saturation, Lightness, Alpha )。

css3颜色透明度如何写

示例如下:




123




HSL 颜色,并使用透明度:

绿色

绿色

输出结果:

css3颜色透明度如何写

以上是“css3颜色透明度如何写”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


当前标题:css3颜色透明度如何写
网站网址:http://chengdu.cdxwcx.cn/article/jcdpdj.html