本文介紹如何使用 HTML 以簡(jiǎn)單易行的方式在網(wǎng)站中使用顏色。顏色在創(chuàng)建網(wǎng)站的外觀和感覺方面發(fā)揮著重要作用。 HTML 中沒(méi)有單獨(dú)的標(biāo)籤；相反，它使用樣式屬性或顏色屬性。準(zhǔn)確地說(shuō)，顏色是使用層疊樣式表 (CSS) 嵌入到 HTML 元素中的。顏色賦予網(wǎng)頁(yè)優(yōu)雅的外觀。為網(wǎng)頁(yè)新增顏色包括設(shè)定背景顏色、表格、段落等
如何在 HTML 中設(shè)定背景顏色？
讓背景顏色變亮使網(wǎng)站看起來(lái)更漂亮、更大膽。它是透過(guò)使用顏色、十六進(jìn)制顏色代碼來(lái)完成的。 RGB 和 RGBA 顏色值（Alpha 值 0 到 1）。
使用 Html body 元素內(nèi)的 Style 屬性將十六進(jìn)位顏色直接套用於 Html 程式碼。十六進(jìn)制是數(shù)字和字母的組合。以下是網(wǎng)頁(yè)背景顏色的範(fàn)例。
代碼：
<!DOCTYPE html> <title>My Sample</title> <html> <head> <title>HTML BG Color</title> </head> <body style="background-color:red;"> <h1> This page is a demo </h1> </body> </html>
程式碼片段：
要新增背景顏色，可以使用 bgcolor 屬性來(lái)顯示
body bgcolor=''>.它與除 HTML 5 之外的所有瀏覽器相容。代碼：
<h3 style="color: blue">Color Name</h3> <h3 style="color: #0000ff">Hexadecimal</h3> <h3 style="color: rgb (0,0,255)">RGB Value</h3>
如何為 HTML 中的文字套用顏色？
對(duì) HTML 文字套用顏色非常簡(jiǎn)單；我們可以透過(guò)三種方式添加/更改文字的顏色，即十六進(jìn)位顏色、HSL 值和顏色名稱。以下是將顏色應(yīng)用到對(duì)應(yīng)網(wǎng)頁(yè)的三種不同技術(shù)。
1.顏色名稱
當(dāng)應(yīng)用程式直接使用這些顏色名稱時(shí)，使用英文顏色名稱非常簡(jiǎn)單。指定顏色名稱是直接方法，W3C已經(jīng)公佈了16種基本顏色（黑色、黃色、紅色、栗色、灰色、石灰、綠色、橄欖色、銀色、水色、藍(lán)色、海軍藍(lán)、白色、紫色、紫紅色、青色）
2.福勝利
色相飽和度和亮度顏色值。色調(diào)定義為 0 到 360 度，飽和度和亮度定義為 0 到 100 %。
3.十六進(jìn)位顏色
為了得到精確的結(jié)果，應(yīng)用六位十六進(jìn)位數(shù)。詳細(xì)來(lái)說(shuō)，前兩位表示紅色，後兩位表示綠色，另外兩位表示藍(lán)色值，前面有「#」。
以下範(fàn)例解釋了向文件應(yīng)用顏色的不同方法。
代碼：
<head>
<title>EDUCBA</title>
<style type="text/css">
h1{
color:#97cae0;
background-color: hsl(200, 50%, 20%);
color: hsl(200, 20%, 90%);
}
h4{
color:rgb(0, 255, 0);
background-color: hsl(130, 10%, 30%);
color: hsl(280, 20%, 80%);
}
li{
color:rgba(12, 88, 120, 1);
background-color: hsl(210, 36%, 50%);
color: hsl(145, 45%, 81%);
}
</style>
</head>
<body>
<h1>EDUCBA</h1>
<h4>List of operating System</h4>
<ul>
<li> Windows</li>
<li>MACINTOSH</li>
<li>LINUX</li>
<li>UBUNTU</li>
</ul>
</body>
</html>
輸出：
有不同的方法來(lái)設(shè)定文字顏色，因?yàn)?HTML 有很多可自訂的應(yīng)用程式。
- 套用樣式部分
- 建立單獨(dú)的 CSS 樣式表
- 換行文字
如何使用
The styles for Html documents
Each tag to be styled with colors.