如何在HTML中更改字體顏色
- IT科技
- 關注:4.23K次
目錄
方法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
1、選擇文字顏色。你可以使用紅色等基礎顏色來顯示文字,但如果需要更細緻的色調,就要用到HTML顏色生成器:在電腦瀏覽器中,前往 https://www.w3schools.com/colors/colors_picker.asp 。
在頁面頂部的六角形色盤中選擇一種基礎顏色。
在頁面右側滾動至要使用的色調。
留意色調右側的6位數編號。
2、打開HTML文檔。打開要更改字體顏色的文檔。如果沒有HTML文檔,先創建一個,然後繼續下一步。
3、找到要更改顏色的文字。在文檔中滾動,找到要更改顏色的段落、標題或其他形式的文字。
4、注意文字的標記。例如,如果是標題,你會在起始位置看到"<h1>"。
5、在文檔的頂部加上"head"和"style"部分。在"<html>"標記下輸入<head>,按? Enter,在"<head>"標記下輸入<style>,按兩次? Enter,然後輸入兩者的結束標記。結果應如下所示:
<!DOCTYPE html><html><head><style></style></head><body>
6、輸入"color"樣式標記。單擊"<style></style>"標記中間的空格,然後輸入以下代碼,注意要將"red"替換為自己選擇的顏色代碼,將"<h1>"替換為要更改顏色的文字標記:
<h1> { color: red;}
7、複查文檔。頁面標題應如下所示:
<!DOCTYPE html><html><head><style><h1> { color: red;}</style></head><body>
8、統一正文的顏色。如果要把文檔的正文更改為同一種顏色,那就輸入以下代碼,並把"black"替換為想要的顏色:
body { color: black;}
方法2:使用HTML標記
1、選擇文字顏色。你可以使用紅色等基礎顏色來顯示文字,但如果需要更細緻的色調,就要用到HTML顏色生成器:在電腦瀏覽器中,前往 https://www.w3schools.com/colors/colors_picker.asp 。
在頁面頂部的六角形色盤中選擇基礎顏色。
在頁面右側滾動至要使用的色調。
留意色調右側的6位數編號。
2、打開HTML文檔。打開要更改字體顏色的文檔。如果沒有HTML文檔,先創建一個,然後繼續下一步。
3、找到要更改顏色的文字。滾動文檔,直到找到要更改顏色的段落、標題或其他形式的文字。
4、添加"font"起始標記。單擊要更改顏色的文字左側,然後輸入以下代碼,注意要將"red"改成想要的顏色:
<font color="red">
5、添加"font"結束標記。單擊要更改顏色的文字末尾,然後輸入</font>。
<font color="red">This text is red!</font>
小提示
HTML顏色代碼分為以下幾個部分:前兩個字符代表紅色的色度,中間兩個字符代表綠色的色度,最後兩個字符代表藍色的色度。可以在“00”到“99”之間選擇每種顏色的含量。如果要最大限度地使用某種顏色,輸入“FF”來代替數字,例如“0000FF”代表純藍。提高頁面的閲讀體驗。如果在白色的背景上使用亮色,或在黑色背景上使用暗色,就會很難看清文字。
型號較老的顯示器只能顯示約65000種顏色,某些更老的型號甚至只能顯示256色,但絕大部分網絡用户都能看到你指定的顏色。
警告XHTML 1.0 Strict DTD不支持字體元素。
- 文章版權屬於文章作者所有,轉載請註明 https://shqsg.com/zh-hk/dianzi/kw2nny.html