HTML文字設定顏色
在HTML中,我們可以透過設定文字顏色來讓頁面看起來更豐富多彩。文字顏色設定可以應用於不同元素,如文字段落、標題、連結等。在本文中,我們將介紹HTML中文字顏色如何設置,以及使用CSS來更方便地控製文字顏色。
- HTML文字顏色基礎設定
在HTML中,我們可以使用顏色名稱或16進位顏色值來定義文字顏色。以下是一些常用的HTML顏色名稱:
- red:紅色
- green:綠色
- blue:藍色
##black:黑色
- white:白色
我們可以透過以下方式套用顏色:
这是红色的文本。
这是绿色的文本。
这是蓝色的文本。
这是黑色的文本。
这是白色的文本。
登入後複製
在上面的範例中,我們使用了style屬性來設定顏色。透過在style屬性中加入color屬性,我們可以設定文字的顏色。
除了使用顏色名稱之外,我們還可以使用16進位顏色值來定義文字顏色。以下是一些範例:
这是红色的文本。
这是绿色的文本。
这是蓝色的文本。
这是黑色的文本。
这是白色的文本。
登入後複製
在上面的範例中,我們使用了#字元後面跟著顏色程式碼的形式來設定顏色。顏色代碼由6個16進位數字組成,分別代表紅、綠、藍三種顏色的亮度值。例如,#ff0000代表紅色,ff表示紅色的亮度值達到最大。
使用CSS設定文字顏色
在在上面的範例中,我們使用了style屬性來設定文字顏色。但是,對於大型的網站或專案來說,我們需要在多個頁面和元素上套用相同的樣式。在這種情況下,我們可以使用CSS來控制頁面的外觀和樣式。
讓我們先來看看如何使用內部樣式表來設定文字顏色。內部樣式表是寫在HTML文檔頭部的
这是标题
这是一段文本。
链接