CSS 是一種用于樣式設計和呈現網頁的語言,它定義了如何表示各種樣式和屬性。顏色也是其中重要的一種屬性。下面讓我們來看一下 CSS 中如何表示顏色。
/* 顏色名稱 */ color: red; color: blue; color: yellow; color: green; color: black; /* 十六進制值 */ color: #FF0000; color: #00FF00; color: #0000FF; color: #000000; /* RGB 值 */ color: rgb(255, 0, 0); color: rgb(0, 255, 0); color: rgb(0, 0, 255); color: rgb(0, 0, 0); /* RGBA 值 */ color: rgba(255, 0, 0, 0.5); color: rgba(0, 255, 0, 0.5); color: rgba(0, 0, 255, 0.5); color: rgba(0, 0, 0, 0.5); /* HSL 值 */ color: hsl(0, 100%, 50%); color: hsl(120, 100%, 50%); color: hsl(240, 100%, 50%); color: hsl(0, 0%, 0%); /* HSLA 值 */ color: hsla(0, 100%, 50%, 0.5); color: hsla(120, 100%, 50%, 0.5); color: hsla(240, 100%, 50%, 0.5); color: hsla(0, 0%, 0%, 0.5);
以上就是 CSS 中表示顏色的各種方式。顏色名稱簡單明了,但是不夠靈活;十六進制值可以精準表示,但是可讀性較差;RGB 和 HSL 值則更加靈活,能夠通過可讀性好的方式表示各種顏色,而 RGBA 和 HSLA 值則在此基礎上增加了透明度屬性。在正確使用和搭配的情況下,這些方式都可以得到理想的效果。