如何更改html字體顏色

目錄:

如何更改html字體顏色
如何更改html字體顏色

視頻: 如何更改html字體顏色

視頻: 如何更改html字體顏色
視頻: 2019010609 HTML 介紹,font 標籤,字體、顏色、與大小 2023, 四月
Anonim

您可以使用 HTML 和 CSS(級聯樣式表)來指定網站頁面上的字體顏色。根據特定頁面佈局的特點,建議使用一種或另一種方法,有時還可以組合使用。

如何更改html字體顏色
如何更改html字體顏色

指示

第1步

使用 color 屬性設置頁面上顯示的文本顏色,放置在指定字體參數的開始 () 和結束 () 標記之間。例如:

紅色字體

此處字體顏色由其十六進制代碼#ff0000 表示,但對於原色和一些命名色度,您還可以使用文本(“助記符”)英文值。例如,#ff0000 可以替換為紅色。

第2步

如果您需要更改放置在頁面塊或內聯元素內的一段文本的顏色,請在樣式屬性中指定所需的顏色陰影。例如,如果一段文本被放置在一個由 div 標籤組成的塊元素內,那麼你可以像這樣設置字體顏色:

海藍寶石文字

使用內聯 span 元素時,以完全相同的方式應用 style 屬性:

文字是海藍寶石。

在這裡,顏色也可以用十六進制代碼和文本名稱來設置,例如,#7fffd4 可以更改為海藍寶石。

第 3 步

在文檔的標題部分或單獨的 css 文件中放置樣式描述,該文件包含所需文本塊的字體顏色的指示 - 這是網頁佈局中一種通用且經常使用的方法。例如,要將整個頁面的字體顏色設置為藍色,您可以在標題部分(和標籤之間)放置以下代碼:

身體{顏色:藍色}

第四步

如果需要在樣式描述中為不同的文本片段設置不同的顏色,請使用類屬性。例如,如果您需要能夠在創建文檔時插入紅色和藍色文本塊,然後在更改它時,則可以將以下代碼放在標題部分:

.blueText {顏色:藍色}

.redText {顏色:紅色}

這裡 blueText 和 redText 是名稱,前面的句號表示名稱指的是類屬性。要將文本的任何部分著色,例如紅色,請將帶有 redText 值的 class 屬性添加到相應的標記:

紅色文字

受主題流行