十六进制颜色:
使用三个或六个十六进制数字表示 RGB 颜色值。例如:
color: #ff0000; /* 红色 */
background-color: #336699; /* 深蓝色 */
RGB 颜色:
使用 rgb() 函数表示颜色,由红、绿、蓝三个通道组成,每个通道的值范围是 0 到 255。
color: rgb(255, 0, 0); /* 红色 */
background-color: rgb(51, 102, 153); /* 深蓝色 */
RGBA 颜色:
与 RGB 类似,但多了一个表示透明度的通道,范围是 0.0 到 1.0。
color: rgba(255, 0, 0, 0.5); /* 半透明红色 */
background-color: rgba(51, 102, 153, 0.8); /* 半透明深蓝色 */
HSL 颜色:
使用 hsl() 函数表示颜色,由色相、饱和度和亮度三个通道组成。
color: hsl(0, 100%, 50%); /* 红色 */
background-color: hsl(210, 50%, 50%); /* 深蓝色 */
HSLA 颜色:
与 HSL 类似,但多了一个表示透明度的通道。
color: hsla(0, 100%, 50%, 0.5); /* 半透明红色 */
background-color: hsla(210, 50%, 50%, 0.8); /* 半透明深蓝色 */
预定义颜色名:
CSS 还提供了一些预定义的颜色名,如 red、blue、green 等。
color: red;
background-color: blue;
这些都是常见的 CSS 颜色值表示方式,具体选择哪种方式取决于项目需求和个人偏好。
转载请注明出处:http://www.pingtaimeng.com/article/detail/12590/CSS