CSS3是一種用于美化網站外觀的語言,其中的新增顏色方式為我們提供了更多的選擇。
CSS3中新增了RGBa和HSLa兩種顏色方式。
/* RGBa顏色方式 */ p { color: rgb(255, 0, 0); /* RGB方式 */ color: rgba(255, 0, 0, 0.5); /* RGBa方式(支持透明度)*/ } /* HSLa顏色方式 */ p { color: hsl(0, 100%, 50%); /* HSL方式 */ color: hsla(0, 100%, 50%, 0.5); /* HSLa方式(支持透明度)*/ }
RGBa顏色方式中,RGB表示紅、綠、藍三種原色的值,范圍為0-255,透明度用小數表示,取值范圍為0-1。
HSLa顏色方式中,HSL表示色相、飽和度、亮度三個參數,色相取值范圍為0-360度,飽和度和亮度取值范圍為0-100%,透明度用小數表示,取值范圍為0-1。
使用RGBa和HSLa顏色方式可以讓我們更加靈活地指定顏色和透明度,從而實現更加優美的設計效果。