html如何設定字型顏色

html如何設定字型顏色呢？下面我來教大家吧！

方法

第一步：新建html檔案和css檔案
①在桌面新建一個檔案夾，然後新建兩個text檔案；
②分別將text檔案重命名爲index.html和css.css。

第二步：輸入html代碼
①用記事本開啟index.html檔案，輸入以下代碼；
<html>
<head>
<title>html修改字型顏色的幾種方式</title>
<link href="css.css"/>
</head>
<body>
<p>字型顏色的不同設定方法</p>
</body>
</html>
②用瀏覽器開啟瀏覽效果。

第三步：標籤內嵌入字型標籤設定顏色
①編輯index.html，在<p>標籤內輸入以下代碼；
<font color="#008252">字型顏色的不同設定方法</font>
②瀏覽器瀏覽效果。

第四步：標籤內嵌入style樣式設定顏色
①另起一行字型，並在標籤內輸入以下代碼；
<p >
②在瀏覽器中檢查效果。

第五步：網頁內部嵌入標籤選擇器樣式設定顏色
①給文字的<p>標籤命名一個ID；
②在<head></head>之間輸入以下代碼；
<style>
#p1{color:#FFFF00;/*標籤選擇器*/}
</style>
③瀏覽器中檢視效果。

第六步：網頁內嵌入類選擇器設定顏色
①給文字的標籤命名一個Class；
②在<style></style>中輸入以下代碼；
.p1{color:#D1f3c6;/*類選擇器*/}
③瀏覽器檢視效果。

第七步：外部CSS樣式設定顏色
①在網頁頭部輸入以下連接CSS外部檔案代碼；
<link href="css.css"/>
②在網頁中寫入以下代碼；
<p id="p2">字型顏色的不同設定方法</p>
<p class="p2">字型顏色的不同設定方法</p>
③用記事本方式開啟css檔案，輸入以下代碼；
④瀏覽器檢查效果變化。