CSS顏色透明度怎么寫(xiě)

在CSS中，我們可以使用rgba（紅綠藍(lán)透明度）或者h(yuǎn)sla（色調(diào)飽和度透明度）來(lái)設(shè)置顏色的透明度。

我們來(lái)談?wù)剅gba，rgba是一種包含紅色、綠色、藍(lán)色和透明度四個(gè)分量的顏色表示方法，前三個(gè)分量分別代表紅色、綠色和藍(lán)色的亮度，***后一個(gè)分量代表透明度，如果我們想要設(shè)置一個(gè)顏色為半透明的藍(lán)色，可以寫(xiě)成這樣：

color: rgba(0, 0, 255, 0.5);

上面的代碼中，rgba的四個(gè)分量分別為（0, 0, 255, 0.5），代表藍(lán)色的亮度為255，透明度為0.5，其他兩個(gè)顏色分量為0。

我們?cè)賮?lái)看看hsla，hsla是一種包含色調(diào)、飽和度、亮度和透明度四個(gè)分量的顏色表示方法，它可以將顏色轉(zhuǎn)換為更易于理解的色調(diào)和飽和度表示，如果我們想要設(shè)置一個(gè)顏色為半透明的綠色，可以寫(xiě)成這樣：

color: hsla(120, 100%, 50%, 0.5);

上面的代碼中，hsla的四個(gè)分量分別為（120, 100%, 50%, 0.5），代表綠色的色調(diào)為120度，飽和度為100%，亮度為50%，透明度為0.5。

CSS中設(shè)置顏色透明度的方法有很多種，我們可以根據(jù)自己的需求和喜好來(lái)選擇適合自己的方法。