一：設定背景顏色
1.準備編輯HTML
首先確定要使用的背景顏色，HTML顏色由每個程式碼決定。在計算機的Web瀏覽器中訪問http://www.php.cn/html/html-colornames.html，就能檢視所有顏色的程式碼，並且在“HEX”部分中選擇要使用的基色。
2.使用Notepad++或Notepad開啟HTML檔案，並且把頁面的所有樣式資訊（包括背景顏色）新增進來。將“background-color”屬性新增到“body”元素。background-color要在body括號之間輸入，如下：
<bodybgcolor="red">背景紅色
或者
body{
background-color：red
}
html如何設定背景顏色？兩種方法教會你
3.您可以使用“background-color”來定義其他元素的背景，例如標題，段落等。例如，要將背景顏色應用於主標題（<h1>）或段落（<p>）。
二：建立漸變背景
1.製作漸變時，我們需要兩條資訊起點和角度，以及漸變之間過渡的顏色。您可以選擇多種顏色以使漸變在所有顏色之間移動，並且可以設定漸變的方向或角度。
屬性：
背景：線性梯度（方向/角度，顏色1，顏色2，顏色3，等）;
2.製作垂直漸變的時候，如果未指定方向，則漸變將從上到下要建立漸變，要在<style></style>標記之間新增以下程式碼：
html{
min-height：100％;
background：-webkit-linear-gradient（left，＃93B874，＃C9DCB9）;
background：-o-linear-gradient（right，＃93B874，＃C9DCB9）;
background：-moz-linear-gradient（right，＃93B874，＃C9DCB9）;
背景：線性梯度（到右側，＃93B874，＃C9DCB9）;
background-color：＃93B874;
當然也可以向漸變新增方向以更改顏色偏移的顯示方式，您不僅可以新增兩種以上的顏色，還可以在每種顏色之後新增一個百分比。也可以設定每個顏色段所需的間距，為您的顏色新增透明度，使用相同的顏色從顏色淡化為空。也可以使用該rgba()函式來定義顏色，結束值決定透明度：0實體和1透明。
一：設定背景顏色
1.準備編輯HTML
首先確定要使用的背景顏色，HTML顏色由每個程式碼決定。在計算機的Web瀏覽器中訪問http://www.php.cn/html/html-colornames.html，就能檢視所有顏色的程式碼，並且在“HEX”部分中選擇要使用的基色。
2.使用Notepad++或Notepad開啟HTML檔案，並且把頁面的所有樣式資訊（包括背景顏色）新增進來。將“background-color”屬性新增到“body”元素。background-color要在body括號之間輸入，如下：
<bodybgcolor="red">背景紅色
或者
body{
background-color：red
}
html如何設定背景顏色？兩種方法教會你
3.您可以使用“background-color”來定義其他元素的背景，例如標題，段落等。例如，要將背景顏色應用於主標題（<h1>）或段落（<p>）。
二：建立漸變背景
1.製作漸變時，我們需要兩條資訊起點和角度，以及漸變之間過渡的顏色。您可以選擇多種顏色以使漸變在所有顏色之間移動，並且可以設定漸變的方向或角度。
屬性：
背景：線性梯度（方向/角度，顏色1，顏色2，顏色3，等）;
2.製作垂直漸變的時候，如果未指定方向，則漸變將從上到下要建立漸變，要在<style></style>標記之間新增以下程式碼：
html{
min-height：100％;
}
body{
background：-webkit-linear-gradient（left，＃93B874，＃C9DCB9）;
background：-o-linear-gradient（right，＃93B874，＃C9DCB9）;
background：-moz-linear-gradient（right，＃93B874，＃C9DCB9）;
背景：線性梯度（到右側，＃93B874，＃C9DCB9）;
background-color：＃93B874;
}
當然也可以向漸變新增方向以更改顏色偏移的顯示方式，您不僅可以新增兩種以上的顏色，還可以在每種顏色之後新增一個百分比。也可以設定每個顏色段所需的間距，為您的顏色新增透明度，使用相同的顏色從顏色淡化為空。也可以使用該rgba()函式來定義顏色，結束值決定透明度：0實體和1透明。