如何在HTML中設定字型顏色?


我們使用`style`屬性在HTML中設定字型顏色。`style`屬性指定元素的內聯樣式,並使用CSS顏色屬性。此屬性與HTML <p>標籤一起使用,並帶有CSS `color`屬性。HTML5不支援<font>標籤,因此使用CSS樣式新增字型顏色。`<font>`標籤在HTML5中已被棄用。

語法

<h1 style="color: azure">text…</h1>

示例

在下面的示例中,我們設定<p>標籤內文字的字型顏色。

<!DOCTYPE html> <html> <head> <title>HTML Font color</title> </head> <body> <h1>Products</h1> <p style="color:blue">This is demo content.</p> </body> </html>

示例

以下是設定HTML字型顏色的示例程式。

<!DOCTYPE html> <html> <head> <style> body { background-color: rgb(20,30, 1); } </style> <h1 style="color: azure">HTML Articles</h1> </head> <body> </body> </html>

示例:指定內部樣式

我們還可以為元素指定內部樣式,使用CSS屬性`color`在HTML中設定字型顏色。以下是使用內部樣式表在HTML中設定字型顏色的示例程式。

<!DOCTYPE html> <html> <head> <style> body { background-color: rgb(20,30, 1); } h1{ color: cyan; } </style> <h1>HTML Articles</h1> </head> <body> </body> </html>

更新於:2023年8月29日

15.7萬+ 次瀏覽

啟動你的職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.