這篇文章將為大家詳細(xì)講解有關(guān)html怎么設(shè)置背景顏色，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

網(wǎng)站的建設(shè)創(chuàng)新互聯(lián)建站專(zhuān)注網(wǎng)站定制,經(jīng)驗(yàn)豐富,不做模板,主營(yíng)網(wǎng)站定制開(kāi)發(fā).小程序定制開(kāi)發(fā),H5頁(yè)面制作!給你煥然一新的設(shè)計(jì)體驗(yàn)!已為成都VR全景等企業(yè)提供專(zhuān)業(yè)服務(wù)。

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

1.準(zhǔn)備編輯HTML

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

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

或者

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

）或段落（

）。

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

1.制作漸變時(shí)，我們需要兩條信息起點(diǎn)和角度，以及漸變之間過(guò)渡的顏色。您可以選擇多種顏色以使?jié)u變?cè)谒蓄伾g移動(dòng)，并且可以設(shè)置漸變的方向或角度。

屬性：

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

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

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

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

關(guān)于“html怎么設(shè)置背景顏色”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

網(wǎng)頁(yè)名稱：html怎么設(shè)置背景顏色
轉(zhuǎn)載來(lái)于：http://weahome.cn/article/gdsjhj.html