溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關html怎么設置背景顏色，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
一：設置背景顏色
1.準備編輯HTML
首先確定要使用的背景顏色，HTML顏色由每個代碼決定。在計算機的Web瀏覽器中訪問http://www.php.cn/html/html-colornames.html，就能查看所有顏色的代碼，并且在“HEX”部分中選擇要使用的基色。
2.使用Notepad ++或Notepad打開HTML文件，并且把頁面的所有樣式信息（包括背景顏色）添加進來。將“background-color”屬性添加到“body”元素。background-color要在body括號之間輸入，如下：
1 | <body bgcolor="red">背景紅色 |
或者
1 2 3 | body { background-color：red } |
3.您可以使用“background-color”來定義其他元素的背景，例如標題，段落等。例如，要將背景顏色應用于主標題（<h2>）或段落（<p>）。
二：創建漸變背景
1.制作漸變時，我們需要兩條信息起點和角度，以及漸變之間過渡的顏色。您可以選擇多種顏色以使漸變在所有顏色之間移動，并且可以設置漸變的方向或角度。
屬性：
背景：線性梯度（方向 /角度，顏色1 ，顏色2 ， 顏色3 ，等）;
2.制作垂直漸變的時候，如果未指定方向，則漸變將從上到下要創建漸變，要在<style></style>標記之間添加以下代碼：
1 2 3 4 5 6 7 8 9 10 | 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透明。
關于“html怎么設置背景顏色”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
