<p>
>段落)之後,您可以使用color
>屬性來修改其文本顏色:<code class="language-css">p { color: red; }</code>同樣,<p>屬性會更改元素的背景:
background-color
<code class="language-css">p { background-color: darkorange; }</code>> RGB顏色模型<p> RGB(紅色,綠色,藍色)構成計算機系統中顏色表示的基礎。 混合這三種原色會產生廣泛的色調。 函數定義了RGB顏色:
rgb()
,,<code class="language-css">rgb(<red>, <green>, <blue>)</code>)接受整數值在0到255之間,代表每個顏色組件的強度。 0表示最弱的強度,而255最強。例如:<p>
red
green
組合不同的強度會產生各種顏色:blue
強烈建議使用顏色拾取器工具來視覺選擇RGB值,因為僅靠數值的值預測所得顏色很具有挑戰性。
<code class="language-css">p { color: rgb(255, 0, 0); /* Equivalent to color: red; */ }</code><p>
<code class="language-css">p { color: rgb(168, 189, 45); }</code><p>函數通過添加alpha通道擴展:
rgba()
rgb()
<code class="language-css">rgba(<red>, <green>, <blue>, <alpha>)</code>十六進制顏色模型<p>
alpha
十六進制的顏色使用十六進制符號:
<code class="language-css">p { color: rgba(167, 189, 45, 0.408); }</code><p>
<code class="language-css">#rrggbb</code><p>
#
表示alpha通道(00至ff,映射到0.0至1.0)。
rr
gg
這相當於bb
。
<code class="language-css">p { color: #ff0000; /* Equivalent to color: rgb(255, 0, 0); and color: red; */ }</code><p>
hsl()
函數使用:
<code class="language-css">p { color: red; }</code><p>
hue
代表顏色在色輪上的位置(0至360度)。
<p> saturation
<p>
lightness
在
<p>
hsla()
。
進一步探索<code class="language-css">p { background-color: darkorange; }</code>
<code class="language-css">rgb(<red>, <green>, <blue>)</code><p>>使用CSS
#a7bd2d68
創建多列佈局
rgba(167, 189, 45, 0.408)
掌握CSS網格佈局
以上是在CSS中探索顏色的詳細內容。更多資訊請關注PHP中文網其他相關文章!