CSS3中的RGBA是一種表示顏色的方式,它代表了紅、綠、藍、透明度(alpha)
四個參數值的組合,該方式可以應用于背景顏色、文本顏色等CSS樣式中。
RGB是RGBA的前身,RGB表示的是一種由紅、綠、藍三種顏色組合而成的顏色表示方法,例如:rgb(255, 0, 0)
代表的是紅色,它的三個參數值分別表示紅、綠、藍三種顏色的色值,每種顏色的取值范圍是0~255之間。
而RGBA則在RGB的基礎上增加了透明度(alpha)這一參數值,透明度值可以是0~1之間的小數,其值越小,對應的顏色越透明,例如:rgba(255, 0, 0, 0.5)
代表的是半透明的紅色,它的三個參數值和透明度值組合在一起表示了該顏色的樣式。
由此可見,RGBA是CSS3中一種常用的顏色表示方式,它可以幫助我們更加靈活地控制CSS樣式的顏色,達到更好的視覺效果。
/* 示例代碼 */
/* 紅色不透明背景 */
background-color: rgb(255, 0, 0);
/* 半透明紅色背景 */
background-color: rgba(255, 0, 0, 0.5);