Javascript更改文本顏色

| | | | | | | | | | | | | | | | | | | | | | | | | |

CSS background-color 屬性將顏色應用於文本元素。您可以使用 Background Color 屬性指定內置的 CSS 顏色關鍵字、十六進制值或任何其他顏色值。該屬性的語法是:color: yourcolor;

調整網站上文本的顏色和背景的顏色是網頁設計的重要組成部分

。 . 是 CSS 顏色屬性和背景顏色發揮作用的地方。 color 屬性允許您設置 HTML 文本的顏色。 background-color 屬性允許您定義文本的背景顏色。

本教程將通過示例討論如何在 CSS 中設置文本顏色。接下來,我們將討論如何設置文本元素的背景顏色。

CSS 字體顏色

使用 color 屬性設置 CSS 字體的顏色。 color 屬性設置文本的顏色,而不是元素的背景。 .您可以使用 CSS 顏色關鍵字或顏色值 ,Äã,Äã 作為十六進製字符串來定義顏色

顏色屬性的語法是:

此規則將 HTML 文檔中所有

標籤的顏色設置為紅色。

我們使用了 CSS 顏色關鍵字。如果您想引用標準顏色,例如“紅色”或“藍色”,這些關鍵字很有用。但是這些關鍵字並不能描述光譜的所有顏色。如果要使用特定的顏色,可以使用其他類型的顏色標籤

color 屬性接受以下任意值:

描述 示例
顏色名稱 顏色名稱 藍色,粉紅色
十六進制顏色 十六進制顏色。標識符有六個字符長。 #f7f7f7,#0000ff
RGB顏色 RGB 代表紅色、綠色和藍色。 rgb (0, 50, 28), rgb (0, 0, 255)
HSL顏色 HSL 表示色調、飽和度和亮度。 HSL(0, 50%, 50%), hsl(180, 50%, 25%)

默認情況下,使用的文本顏色網頁是適用於網頁上 標記的文本的顏色。小於指定的顏色為黑色。

您可以使用該顏色屬性來設置樣式表中的鏈接顏色

讓我們舉個例子來演示顏色屬性是如何工作的

更改 CSS 字體顏色:.. 一個例子

假設您正在為當地一家雜貨店 Peterson and Sons 設計網站。所有者希望該網站以灰色類型顯示特定的文本塊。我們可以使用以下代碼對其進行配置:

我們的代碼返回:點擊 “按鈕的圖像”執行代碼“,一個圓圈中的三角形”數據srcset

要么使用了

HTML 標記 來定義一段描述 Peterson and Sons 雜貨店的文本。接下來,在我們的 CSS 代碼中,我們將創建一個樣式,將所有

標記的文本顏色設置為灰色。為此,我們使用顏色名稱的值(“gray”)。

如果我們想引用,可以指定“rgb (128, 128, 128)”而不是“gray” RGB 顏色值。否則,我們可以使用十六進製或 HSL 值將文本顏色設置為灰色。

我們的樣式沒有使用 CSS 文件。我們的 CSS 樣式包含在 HTML 文檔中的