CSS中可以通過設置背景顏色的透明度來創建半透明的背景效果,使得頁面元素更加鮮明。背景顏色透明度的屬性值使用rgba或者hsla函數進行設置。
/* 使用rgba設置背景顏色透明度 */ background-color: rgba(0, 0, 0, 0.5);
rgba函數中的前三個參數分別為紅、綠、藍三種色彩的取值,范圍都是0-255。最后一個參數表示顏色的透明度,范圍為0-1,數值越小,顏色越透明。
/* 使用hsla設置背景顏色透明度 */ background-color: hsla(120, 60%, 70%, 0.5);
hsla函數中的第一個參數為色相,取值范圍為0-360。第二個參數為飽和度,取值范圍為0-100%。第三個參數為亮度,也是取值范圍為0-100%。第四個參數依舊表示透明度。
需要注意的是,設置背景顏色透明度只會影響自身元素的背景,不會影響其包含子元素的背景。若想為子元素設置透明背景,需要對其進行單獨設置。
上一篇css背景顏色移動
下一篇mysql如何設置表名