CSS中的顏色有很多種,其中最常用的顏色是3位的顏色,也就是由三個(gè)字符組成的顏色代碼,例如#f00表示紅色。下面我們來(lái)具體了解一下這些3位的CSS顏色。
/* 紅色 */ color: #f00; /* 綠色 */ color: #0f0; /* 藍(lán)色 */ color: #00f; /* 黃色 */ color: #ff0; /* 青色 */ color: #0ff; /* 紫色 */ color: #f0f; /* 黑色 */ color: #000; /* 白色 */ color: #fff;
以上是常見(jiàn)的幾種3位的CSS顏色。在這些顏色代碼中,前兩個(gè)字符表示紅、綠、藍(lán)三個(gè)顏色通道的數(shù)值,每個(gè)通道的數(shù)值范圍為0-9和A-F,總共16個(gè)數(shù)值。例如#f00表示紅色,其中的f代表紅色通道的數(shù)值為15,因?yàn)閒在十六進(jìn)制中代表十進(jìn)制數(shù)15。
使用3位的CSS顏色代碼可以減少代碼的長(zhǎng)度,同時(shí)也能讓CSS樣式表更加簡(jiǎn)潔。但是需要注意的一點(diǎn)是,3位的CSS顏色代碼并不支持透明度設(shè)置,如果需要設(shè)置透明度,需要使用6位的CSS顏色代碼或rgba()函數(shù)。