在CSS中,我們經常會看到一些以 #EEE、#EEEEEE 或者rgb(238, 238, 238)來表示的顏色值,這里的“EEE”是什么意思呢?
/* #EEE, #EEEEEE及rgb(238, 238, 238)均表示相同的顏色,即淡灰色 */ color: #EEE; background-color: #EEEEEE; border: 1px solid rgb(238, 238, 238);
實際上,“EEE”代表的是16進制數的一個縮寫。在CSS中,我們通常使用16進制表示顏色值,一個十六進制數由6個字符組成,每2個字符代表一個顏色通道,分別表示紅(R)、綠(G)和藍(B)通道的值,范圍在00(十進制的0)到FF(十進制的255)之間。
那么,#EEE 表示的顏色具體是哪個顏色呢?我們可以將其拆解開來:
#E 紅色通道取值為EE(238),即R=238 #E 綠色通道取值為EE(238),即G=238 #E 藍色通道取值為EE(238),即B=238
因此,#EEE表示的顏色是rgb(238, 238, 238),即一種淡灰色。
相比于直接使用rgb(238, 238, 238)作為顏色值,#EEE更加簡潔,易于寫作和記憶,并且看起來更加美觀。
上一篇css中div有傾斜度么
下一篇css中dl dt dd