background-color
属性可以设置以下颜色值:
- 颜色关键词(color keywords):预定义的颜色名称,如
red
、green
、blue
等。查看全部颜色关键词
- 十六进制值(hexadecimal values):由6个字符组成的颜色值,前两个字符表示红色,中间两个字符表示绿色,最后两个字符表示蓝色。例如
#FF0000
表示红色,#00FF00
表示绿色,#0000FF
表示蓝色。可以使用缩写形式,例如#F00
表示红色。
- RGB值(RGB values):由红色、绿色、蓝色三个通道的值组成的颜色值,每个通道的值范围为0~255。例如
rgb(255, 0, 0)
表示红色,rgb(0, 255, 0)
表示绿色,rgb(0, 0, 255)
表示蓝色。
- RGBA值(RGBA values):与RGB值类似,但可以设置透明度。透明度的值范围为0~1,0表示完全透明,1表示完全不透明。例如
rgba(255, 0, 0, 0.5)
表示半透明的红色。
- HSL值(HSL values):由色相、饱和度、亮度三个值组成的颜色值。色相的值范围为0~360,表示颜色的基调;饱和度的值范围为0%~100%,表示颜色的鲜艳程度;亮度的值范围为0%~100%,表示颜色的亮度程度。例如
hsl(0, 100%, 50%)
表示红色,hsl(120, 100%, 50%)
表示绿色,hsl(240, 100%, 50%)
表示蓝色。
- HSLA值(HSLA values):与HSL值类似,但可以设置透明度。透明度的值范围为0~1,0表示完全透明,1表示完全不透明。例如
hsla(0, 100%, 50%, 0.5)
表示半透明的红色。
以上是background-color
属性可以设置的颜色值,其中颜色关键词、十六进制值、RGB值是最常用的。
2023-05-17 10:36:58 更新