<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中文網其他相關文章!