這篇文章主要介紹了html設(shè)置背景顏色的方法有哪些，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司擁有一支富有激情的企業(yè)網(wǎng)站制作團隊，在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)深耕十多年，專業(yè)且經(jīng)驗豐富。十多年網(wǎng)站優(yōu)化營銷經(jīng)驗，我們已為千余家中小企業(yè)提供了成都網(wǎng)站制作、網(wǎng)站建設(shè)解決方案，按需搭建網(wǎng)站，設(shè)計滿意，售后服務(wù)無憂。所有客戶皆提供一年免費網(wǎng)站維護!

一：設(shè)置背景顏色

1.準備編輯HTML

首先確定要使用的背景顏色，HTML顏色由每個代碼決定。在計算機的Web瀏覽器中訪問http://www.php.cn/html/html-colornames.html，就能查看所有顏色的代碼，并且在“HEX”部分中選擇要使用的基色。

2.使用Notepad ++或Notepad打開HTML文件，并且把頁面的所有樣式信息（包括背景顏色）添加進來。將“background-color”屬性添加到“body”元素。background-color要在body括號之間輸入，如下：

背景紅色

或者

body { 
    background-color：red
}

3.您可以使用“background-color”來定義其他元素的背景，例如標題，段落等。例如，要將背景顏色應(yīng)用于主標題（

）或段落（

）。

二：創(chuàng)建漸變背景

1.制作漸變時，我們需要兩條信息起點和角度，以及漸變之間過渡的顏色。您可以選擇多種顏色以使?jié)u變在所有顏色之間移動，并且可以設(shè)置漸變的方向或角度。

屬性：

背景：線性梯度（方向 /角度，顏色1 ，顏色2 ， 顏色3 ，等）;

2.制作垂直漸變的時候，如果未指定方向，則漸變將從上到下要創(chuàng)建漸變，要在標記之間添加以下代碼：

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 ）;  
    背景：線性梯度（到右側(cè)，＃93B874 ，＃C9DCB9 ）; 
    background-color ：＃93B874 ;  
}

當然也可以向漸變添加方向以更改顏色偏移的顯示方式，您不僅可以添加兩種以上的顏色，還可以在每種顏色之后添加一個百分比。也可以設(shè)置每個顏色段所需的間距，為您的顏色添加透明度，使用相同的顏色從顏色淡化為空。也可以使用該rgba()函數(shù)來定義顏色，結(jié)束值決定透明度：0實體和1透明。

感謝你能夠認真閱讀完這篇文章，希望小編分享html設(shè)置背景顏色的方法有哪些內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)建站，關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)建站，詳細的解決方法等著你來學習!

分享名稱：html設(shè)置背景顏色的方法有哪些-創(chuàng)新互聯(lián)
文章鏈接：http://weahome.cn/article/djgchs.html