html 中可通過 css 屬性 color 設置字體顏色。設置方法具體如下:使用十六進制顏色代碼(# 開頭,后接六位 hex 數字)。使用 rgb 顏色值(rgb(),后接三個整數,表示紅綠藍強度)。使用 rgba 顏色值(rgba(),后接四個整數,表示紅綠藍強度和透明度)。使用顏色名稱(如 red、green、blue)。
HTML 中改變字體顏色
HTML 元素的字體顏色可以通過 CSS 屬性 color
來設置。color
屬性指定文本的前景色,即文本本身的顏色。
語法:
<code class="html"><element style="color: color-value;">文本內容</element></code>
登錄后復制
color-value 選項:
十六進制顏色代碼:以 #
開頭,后跟六位十六進制數字,表示紅色、綠色和藍色通道的強度。例如:#ff0000
表示紅色。
RGB 顏色值:以 rgb()
開頭,后跟三個逗號分隔的整數,表示紅色、綠色和藍色通道的強度。例如:rgb(255, 0, 0)
表示紅色。
RGBA 顏色值:以 rgba()
開頭,后跟四個逗號分隔的整數,表示紅色、綠色、藍色通道的強度和透明度。例如:rgba(255, 0, 0, 0.5)
表示半透明紅色。
顏色名稱:使用預定義的顏色名稱,例如:red
、green
、blue
。
示例:
將文本字體顏色設置為紅色:
<code class="html"><p style="color: #ff0000;">紅色文本</p></code>
登錄后復制
將文本字體顏色設置為 rgba 紅色,透明度為 50%:
<code class="html"><p style="color: rgba(255, 0, 0, 0.5);">半透明紅色文本</p></code>
登錄后復制