CSS中的顏色加透明度是指可以通過設置顏色的透明度來控制顏色的深淺。在CSS3中,可以通過rgba()和hsla()函數來設置顏色和透明度。
/* rgba函數 */ color: rgba(255, 0, 0, 0.5); /*紅色,透明度為50%*/ /* hsla函數 */ color: hsla(0, 100%, 50%, 0.5); /*紅色,透明度為50%*/
以上兩種方法中,通道的順序為:紅色、綠色、藍色、透明度。其中,透明度的值為0~1之間的實數,值越小透明度越高。
除了使用rgba()和hsla()函數之外,還可以通過設置opacity屬性來設置元素的透明度。
/* 設置元素透明度 */ opacity: 0.5; /*透明度為50%*/
設置透明度不僅可以讓元素的背景透過來,還可以制作一些有趣的效果,如圖片的透明效果和陰影效果等。
下一篇css 顏色加粗