溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了html設置背景顏色的方法有哪些，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
一：設置背景顏色
1.準備編輯HTML
首先確定要使用的背景顏色，HTML顏色由每個代碼決定。在計算機的Web瀏覽器中訪問http://www.php.cn/html/html-colornames.html，就能查看所有顏色的代碼，并且在“HEX”部分中選擇要使用的基色。
2.使用Notepad ++或Notepad打開HTML文件，并且把頁面的所有樣式信息（包括背景顏色）添加進來。將“background-color”屬性添加到“body”元素。background-color要在body括號之間輸入，如下：
<body bgcolor="red">背景紅色
或者
body {
background-color：red
}
3.您可以使用“background-color”來定義其他元素的背景，例如標題，段落等。例如，要將背景顏色應用于主標題（<h2>）或段落（<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透明。
感謝你能夠認真閱讀完這篇文章，希望小編分享html設置背景顏色的方法有哪些內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
