CSS中的顏色可以通過名稱、十六進制數、RGB、RGBA、HSL、HSLA等多種方式表示。其中,名稱是最為直觀簡單的一種方式,不僅易于記憶、使用,而且在某些情況下具有語義化的作用。下面列出一些常用的CSS顏色名稱。
/* 基本顏色 */ color: black; color: white; /* 紅色系 */ color: red; color: darkred; color: coral; color: salmon; /* 綠色系 */ color: green; color: darkgreen; color: lime; color: olive; /* 藍色系 */ color: blue; color: navy; color: skyblue; color: steelblue; /* 黃色系 */ color: yellow; color: gold; color: khaki; color: wheat; /* 紫色系 */ color: purple; color: darkorchid; color: thistle; color: lavender;
需要注意的是,CSS顏色名稱是大小寫不敏感的,即可以使用大寫,也可以使用小寫。此外,CSS還支持一些具有特殊含義的顏色名稱,如transparent用于表示透明色,inherit用于表示繼承父元素的顏色。
除了以上列出的顏色名稱,CSS還提供了一些增強版的顏色名稱,如aliceblue、beige、cadetblue等。這些顏色名稱雖然并非所有瀏覽器都支持,但卻可以讓我們在使用顏色時更加多樣化,更加有趣。