CSS中的rbg顏色值表示RGBA,其中最后一個參數A表示透明度,取值范圍為0-1。
background-color: rgba(0, 0, 0, 0.5);
上述代碼表示設置背景顏色為黑色,透明度為50%。透明度為0表示完全透明,透明度為1表示完全不透明。
同時,rbga顏色值也適用于文本顏色的設置。
color: rgba(255, 255, 255, 0.8);
上述代碼表示設置文本顏色為白色,透明度為80%。
除了可以在背景和文本顏色中使用rgba顏色值外,也可以在邊框顏色和陰影顏色中使用該屬性。
border: 1px solid rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
上述代碼分別表示設置邊框為1像素、黑色、50%不透明度的實線,以及設置邊框陰影為2像素、2像素、5像素、黑色、30%不透明度的陰影效果。
使用rgba顏色值可以為頁面中的元素加入透明效果,使頁面更加美觀。
上一篇css rgb值
下一篇css render樹