CSS中的rgba()函數給予我們更多對顏色的控制。通過rgb的方式傳遞紅、綠、藍三個參數之外,這個函數還可以傳遞一個alpha參數,控制透明度。下面我們就詳細介紹一下rgb加透明度的CSS。
/*使用rgba()函數*/ p{ background-color: rgba(255,255,255,0.5); /*白色,透明度為0.5*/ color: rgba(0,0,0,0.8); /*黑色,透明度為0.8*/ } /*使用十六進制加alpha值的方式*/ p{ background-color: #FFFFFF80; /*白色,透明度為0.5*/ color: #000000CC; /*黑色,透明度為0.8*/ }
使用rgba()函數需要注意的是,透明度的值范圍在0~1之間,0表示完全透明,1表示完全不透明。而使用十六進制加alpha值的方式,需要將透明度的值轉換為16進制,范圍是00~FF,即透明度為0時為00,透明度為1時為FF。
透明度的使用場景比較廣泛,比如可以用于圖片上,用于減弱圖片和背景之間的對比度,提高用戶對圖片主體的關注度。在使用顏色漸變時,也可以很好的控制顏色的變化程度,使漸變更加自然。
總之,rgb加透明度的CSS為我們提供了更加豐富的顏色表現方式,可以更加方便的控制顏色和透明度,為頁面的展示效果帶來更加出色的表現。
上一篇rfs css os
下一篇rgba css3怎么用