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文件，輸入以下代碼；
④瀏覽器檢查效果變化。