當前位置:生活全書館 >

IT科技

> 如何在HTML中更改字型顏色

如何在HTML中更改字型顏色

目錄

方法1:使用CSS1、選擇文字顏色。2、開啟HTML文件。3、找到要更改顏色的文字。4、注意文字的標記。5、在文件的頂部加上"head"和"style"部分。6、輸入"color"樣式標記。7、複查文件。8、統一正文的顏色。方法2:使用HTML標記1、選擇文字顏色。2、開啟HTML文件。3、找到要更改顏色的文字。4、新增"font"起始標記。5、新增"font"結束標記。這篇文章介紹如何在HTML檔案中更改顏色。HTML5已不再使用HTML字型標記,你可以使用CSS來更改HTML頁面文字的顏色。如果你正在使用舊版HTML,那就還是可根據需要使用HTML字型顏色標記。

方法1:使用CSS

如何在HTML中更改字型顏色

1、選擇文字顏色。你可以使用紅色等基礎顏色來顯示文字,但如果需要更細緻的色調,就要用到HTML顏色生成器:在電腦瀏覽器中,前往 https://www.w3schools.com/colors/colors_picker.asp 。

在頁面頂部的六角形色盤中選擇一種基礎顏色。

在頁面右側滾動至要使用的色調。

留意色調右側的6位數編號。

如何在HTML中更改字型顏色 第2張

2、開啟HTML文件。開啟要更改字型顏色的文件。如果沒有HTML文件,先建立一個,然後繼續下一步。

如何在HTML中更改字型顏色 第3張

3、找到要更改顏色的文字。在文件中滾動,找到要更改顏色的段落、標題或其他形式的文字。

如何在HTML中更改字型顏色 第4張

4、注意文字的標記。例如,如果是標題,你會在起始位置看到"<h1>"。

如何在HTML中更改字型顏色 第5張

5、在文件的頂部加上"head"和"style"部分。在"<html>"標記下輸入<head>,按? Enter,在"<head>"標記下輸入<style>,按兩次? Enter,然後輸入兩者的結束標記。結果應如下所示:

<!DOCTYPE html><html><head><style></style></head><body>

如何在HTML中更改字型顏色 第6張

6、輸入"color"樣式標記。單擊"<style></style>"標記中間的空格,然後輸入以下程式碼,注意要將"red"替換為自己選擇的顏色程式碼,將"<h1>"替換為要更改顏色的文字標記:

<h1> {  color: red;}

如何在HTML中更改字型顏色 第7張

7、複查文件。頁面標題應如下所示:

<!DOCTYPE html><html><head><style><h1> {  color: red;}</style></head><body>

如何在HTML中更改字型顏色 第8張

8、統一正文的顏色。如果要把文件的正文更改為同一種顏色,那就輸入以下程式碼,並把"black"替換為想要的顏色:

body {  color: black;}

方法2:使用HTML標記

如何在HTML中更改字型顏色 第9張

1、選擇文字顏色。你可以使用紅色等基礎顏色來顯示文字,但如果需要更細緻的色調,就要用到HTML顏色生成器:在電腦瀏覽器中,前往 https://www.w3schools.com/colors/colors_picker.asp 。

在頁面頂部的六角形色盤中選擇基礎顏色。

在頁面右側滾動至要使用的色調。

留意色調右側的6位數編號。

如何在HTML中更改字型顏色 第10張

2、開啟HTML文件。開啟要更改字型顏色的文件。如果沒有HTML文件,先建立一個,然後繼續下一步。

如何在HTML中更改字型顏色 第11張

3、找到要更改顏色的文字。滾動文件,直到找到要更改顏色的段落、標題或其他形式的文字。

如何在HTML中更改字型顏色 第12張

4、新增"font"起始標記。單擊要更改顏色的文字左側,然後輸入以下程式碼,注意要將"red"改成想要的顏色:

<font color="red">

如何在HTML中更改字型顏色 第13張

5、新增"font"結束標記。單擊要更改顏色的文字末尾,然後輸入</font>

<font color="red">This text is red!</font>

小提示

HTML顏色程式碼分為以下幾個部分:前兩個字元代表紅色的色度,中間兩個字元代表綠色的色度,最後兩個字元代表藍色的色度。可以在“00”到“99”之間選擇每種顏色的含量。如果要最大限度地使用某種顏色,輸入“FF”來代替數字,例如“0000FF”代表純藍。

提高頁面的閱讀體驗。如果在白色的背景上使用亮色,或在黑色背景上使用暗色,就會很難看清文字。

型號較老的顯示器只能顯示約65000種顏色,某些更老的型號甚至只能顯示256色,但絕大部分網路使用者都能看到你指定的顏色。

警告

XHTML 1.0 Strict DTD不支援字型元素。

標籤: html 字型
  • 文章版權屬於文章作者所有,轉載請註明 https://shqsg.com/dianzi/kw2nny.html