站長資訊網(wǎng)
寫法：1、“rgba(紅色,綠色,藍色,透明度)”；rgba()函數(shù)通過紅綠藍三色疊加來生成各種顏色并控制顏色的透明度；2、“hsla(色相,飽和度,亮度,透明度)”；hsla()函數(shù)通過色相、飽和度和亮度來定義顏色并控制顏色的透明度。
本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css3顏色透明度怎么寫
1、在css中，可以利用rgba() 函數(shù)，使用紅(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>
輸出結(jié)果：
2、hsla() 函數(shù)使用色相、飽和度、亮度、透明度來定義顏色。
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>
輸出結(jié)果：
（學(xué)習(xí)視頻分享：css視頻教程）
