color屬性在css中定義文本或背景顏色,可用各種格式指定,包括十六進制值、rgb值、rgba值、html顏色名稱、hsl和hsla值以及關鍵字(如currentcolor、inherit、transparent)。
color在CSS中的含義
color屬性在CSS中定義元素文本或背景的顏色。它以各種格式指定,包括:
十六進制值
十六進制值是一個以井號 (#) 開頭的六位數代碼,表示顏色的紅、綠、藍 (RGB) 值。例如:
<code class="<a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css">color: #0000FF; /* 藍色 */</code>
登錄后復制
RGB值
RGB值是一個括號中的逗號分隔值組,指定顏色中紅色、綠色和藍色的強度。每個值介于 0 到 255 之間。例如:
<code class="css">color: rgb(0, 0, 255); /* 藍色 */</code>
登錄后復制
RGBA值
RGB值的一個擴展,它增加了第四個值(alpha 通道),表示顏色的透明度。alpha 通道值介于 0(透明)到 1(不透明)之間。例如:
<code class="css">color: rgba(0, 0, 255, 0.5); /* 半透明藍色 */</code>
登錄后復制
HTML顏色名稱
CSS支持一系列標準的HTML顏色名稱,包括:
<code class="css">color: red; color: green; color: blue;</code>
登錄后復制
HSL和HSLA值
HSL(色相、飽和度、亮度)值表示顏色使用其色相(0-360°)、飽和度(0-100%)和亮度(0-100%)。擴展的HSLA值包括第四個alpha通道值。例如:
<code class="css">color: hsl(120, 50%, 50%); /* 綠色 */</code>
登錄后復制
color關鍵字
CSS還支持一些特殊關鍵字,包括:
currentColor:使用父元素的顏色
inherit:從父元素繼承顏色
transparent:透明