CSS表示顏色的方式有多種,可以使用顏色名、RGB值、十六進制值等等。
/* 使用顏色名表示 */ p { color: red; } /* 使用RGB值表示 */ p { color: rgb(255, 0, 0); } /* 使用十六進制值表示 */ p { color: #ff0000; }
其中,顏色名是比較常見的表示方式,但是可選顏色比較有限,只有17種。RGB值可以表示紅、綠、藍三種顏色的強度,每種顏色的強度值范圍從0到255,可以組合出多種顏色。十六進制值也可以表示紅、綠、藍三種顏色的強度,每種顏色的強度值范圍從00到FF,可以組合出多種顏色。
需要注意的是,在CSS中表示顏色時,大小寫不敏感,所以可以寫成Red、RED等等。
/* 顏色名大小寫不敏感 */ p { color: Red; } /* RGB值大小寫不敏感 */ p { color: rgb(255, 0, 0); } /* 十六進制值大小寫不敏感 */ p { color: #FF0000; }
除了使用基本的顏色表示方式外,CSS還支持使用rgba表示顏色,其中的a表示透明度,取值范圍從0到1。
/* 使用rgba表示帶透明度的顏色 */ p { color: rgba(255, 0, 0, 0.5); }
以上就是CSS表示顏色的常見方式。