在CSS樣式表中,我們可以使用rgba()函數(shù)來設置顏色。而白色(#FFFFFF)可以使用rgba(255, 255, 255, 1)來表示。
body { background-color: rgba(255, 255, 255, 1); }
其中,rgba函數(shù)中的四個參數(shù)分別表示紅、綠、藍三個顏色通道和透明度,取值范圍為0~255。
可以看到,透明度設置為1,即完全不透明,實際上就是完全不需要使用透明度,與直接使用白色值#FFFFFF沒有任何區(qū)別。
但是,如果我們需要對容器進行背景色的漸變處理,就可以使用rgba函數(shù),通過控制透明度來實現(xiàn)漸變效果。例如:
.container { background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); }
這個樣式表示從容器頂部到底部,背景色從完全不透明的白色漸變到完全透明,實現(xiàn)了一種柔和的背景色過渡效果。