<p>
>段落)之后,您可以使用color
>属性来修改其文本颜色:p { color: red; }
background-color
> CSS支持常见的颜色名称,例如“红色”和“ DarkOrange”,但并不包含所有可能的色调。 对于精确的颜色控制,RGB,HEX和HSL颜色型号具有更大的灵活性。
p { background-color: darkorange; }
rgb()
,,rgb(<red>, <green>, <blue>)
red
green
组合不同的强度会产生各种颜色:blue
强烈建议使用颜色拾取器工具来视觉选择RGB值,因为仅靠数值的值预测所得颜色很具有挑战性。
p { color: rgb(255, 0, 0); /* Equivalent to color: red; */ }
p { color: rgb(168, 189, 45); }
rgba()
rgb()
rgba(<red>, <green>, <blue>, <alpha>)
alpha
十六进制的颜色使用十六进制符号:
p { color: rgba(167, 189, 45, 0.408); }
#rrggbb
#
表示alpha通道(00至ff,映射到0.0至1.0)。
rr
gg
这相当于bb
。
p { color: #ff0000; /* Equivalent to color: rgb(255, 0, 0); and color: red; */ }
hsl()
函数使用:
p { color: red; }
hue
代表颜色在色轮上的位置(0至360度)。
<p> saturation
<p>
lightness
在
<p>
hsla()
。
进一步探索p { background-color: darkorange; }
rgb(<red>, <green>, <blue>)
#a7bd2d68
创建多列布局
rgba(167, 189, 45, 0.408)
掌握CSS网格布局
以上是在CSS中探索颜色的详细内容。更多信息请关注PHP中文网其他相关文章!