CSS中背景顏色的允許值會(huì)直接影響網(wǎng)頁(yè)的視覺效果,因此需要認(rèn)真研究和掌握不同的可允許值。
background-color: color_value;
其中,color_value可以取以下六種參數(shù):
color_name
:預(yù)設(shè)的顏色名稱,如red, blue, yellow等。#RRGGBB
:十六進(jìn)制的RGB顏色值,如#000000代表黑色。#RGB
:三位十六進(jìn)制的RGB顏色值,如#000代表黑色。rgb(red, green, blue)
:RGB顏色值,取值范圍為0到255。rgba(red, green, blue, alpha)
:RGBA顏色值,其中alpha為透明度值,取值范圍為0到1。hsl(hue, saturation, lightness)
:HSL顏色值,其中hue為色相值,saturation為飽和度值,lightness為亮度值。
需要注意的是,在CSS中使用英文單詞表示顏色名稱時(shí)不區(qū)分大小寫。
除了以上允許值外,CSS還支持在背景顏色中使用透明度值。通過rgba中的alpha參數(shù)或hsla中的最后一個(gè)參數(shù),可以設(shè)置背景顏色的不透明度。這樣不僅可以在背景顏色中使用透明色,還可以實(shí)現(xiàn)背景色和圖片的透明混合效果,提高了網(wǎng)頁(yè)的美觀程度。