CSS 中的透明顏色單詞是 web 開發中非常實用的一個特性。
在很多情況下,我們需要為元素設置背景顏色,但并不希望它完全不透明。
這時,就可以使用 CSS 中的透明顏色單詞。
background-color: rgba(255, 255, 255, 0.5);
這行代碼中的 rgba 表示紅、綠、藍和透明度(Alpha)值。
最后一個參數就是透明度,它的取值范圍為 0 到 1,0 表示完全透明,1 表示完全不透明。
如果我們需要為一個元素設置 50% 的透明度,就可以寫成這樣:
background-color: rgba(255, 255, 255, 0.5);
當然,CSS 中也提供了一些預定義的透明顏色單詞,例如:
background-color: transparent; /* 完全透明 */ background-color: hsla(0, 0%, 100%, 0.5); /* 白色 50% 透明 */ background-color: rgba(255, 255, 255, 0.5); /* 白色 50% 透明 */
不同于 rgba,hsla 的透明度值是放在第四個參數中的,其余三個參數分別表示色相、飽和度和亮度。
總之,透明顏色單詞的使用為我們在設計 web 頁面時提供了更多的靈活性和選擇性。