代碼如下backgroundmozlineargradienttop，#15A216，#fafafa*火狐* backgroundwebkitgradientlinear， 0% 0%， 0% 100%，from#15A216， to#fafafa*谷歌* backgroundimage webkitgradient。

HTML5 Canvas漸變是一種用于填充或描邊圖形的顏色模式漸變色是由不同的顏色進(jìn)行過(guò)渡，而不是單一的顏色先來(lái)看幾個(gè)canvas漸變色的例子漸變按照類型來(lái)分可以分為兩種類型線性漸變徑向漸變線性漸變以線性的模式來(lái)改變顏色。

2然后我們添加線性漸變代碼backgroundwebkitlineargradientleft，#ff5000，#ff9000norepeat，保存并刷新網(wǎng)頁(yè)后，可以看到背景色已經(jīng)是漸變色了3我們來(lái)分析下這段代碼的含義，括號(hào)中的left代表顏色是從左到有。

怎么設(shè)置網(wǎng)頁(yè)背景為漸變色1打開(kāi)html開(kāi)發(fā)工具，新建一個(gè)html文件在html代碼頁(yè)面創(chuàng)建一個(gè)p并給這個(gè)標(biāo)簽添加一個(gè)類名linear2然后為類設(shè)置樣式在title后面創(chuàng)建一個(gè)style標(biāo)簽，然后在這個(gè)標(biāo)簽里面設(shè)置linear類的高漸變。

3保存html文件后，使用瀏覽器查看效果你會(huì)看到從綠色到紅色的漸變以上是html中背景顏色漸變的設(shè)置方法介紹怎么在網(wǎng)頁(yè)上添加漸變的顏色作為網(wǎng)頁(yè)背景1打開(kāi)編輯器，新建一個(gè)HTML，并定義一個(gè)p，并給50px的高度2。

html中讓背景顏色漸變步驟如下1打開(kāi)html開(kāi)發(fā)工具，新建一個(gè)html文件2在html代碼頁(yè)面創(chuàng)建一個(gè)并給這個(gè)標(biāo)簽添加一個(gè)類如linear如圖代碼3為類設(shè)置樣式在后面創(chuàng)建一個(gè)標(biāo)簽，然后在這個(gè)標(biāo)簽里面設(shè)置linear類。

1制作發(fā)光邊框文本框效果然后我們要讓這個(gè)input組件在被成為焦點(diǎn)點(diǎn)擊時(shí)向四周發(fā)光，顯示為藍(lán)色，我只需添加一段CSS代碼sdwfocustransitionborder linear 2s，boxshadow linear 5smoztransitionborder linear。

FILTERalphaopacity=30 finishopacity=0 style=1 progidstartcolorstr=red，endcolorstr=blue，gradientType=1不過(guò)該濾鏡只支持IE，不支持FF，而且大部分的濾鏡都只支持IE，貌似只有。

方法根據(jù)瀏覽者的分辨率自動(dòng)調(diào)用樣式表 1新建兩個(gè)樣式表分別命名為1024css 800css當(dāng)然有更多分辨率，可以增加樣式表2在樣式表中分別定義好圖片作為網(wǎng)頁(yè)背景3新建一個(gè)網(wǎng)頁(yè)文件，把下面代碼復(fù)制過(guò)去 lt。

網(wǎng)頁(yè)背景色漸變 情況一是用一個(gè)1像素高的，200像素寬的 細(xì)長(zhǎng)圖片平鋪出來(lái)的比如CSS代碼 bodybackgroundrultupianjpg #FFF repeaty 情況二或者是1像素寬，200像素高的圖片平鋪出來(lái)的bodybackgroundrul。

EndColorStr #ffffff00，GradientType1 COLOR #ffffff PADDINGTOP 2px HEIGHT 20px BACKGROUNDCOLOR #ffffff 為例，startColorStr和EndColorStr后面的顏色代碼用來(lái)控制標(biāo)題欄的漸變顏色，其中startColorStr就。

小喬跑步機(jī)的顏色代碼是非常多的，而且不僅有傳統(tǒng)的白色和黑色，還有很多個(gè)性化的配色和花紋，為使用者提供了更為豐富的選擇以下是小喬跑步機(jī)常見(jiàn)的顏色代碼一純色系列 1白色#FFFFFF 2黑色#000000 3紅色#FF。

可以設(shè)置用CSS可以定義在body內(nèi) filterprogidGradientType=0， EndColorStr=#39#000000， StartColorStr=#39#ffffff#39好人做到低 格式如下 body filterprogidDXImageTransform。

漸變的類型 0 代表豎向漸變 1 代表橫向漸變 注意這里設(shè)置背景的時(shí)候不需要給background設(shè)置，直接用filter即可，不要和其他的瀏覽器混淆 第五個(gè)參數(shù)設(shè)置了終止位置的顏色 代碼演示效果圖代碼效果。

漸變色代碼寫(xiě)起來(lái)是比較麻煩的，所以一般漸變部分都是以寬度“1px”的圖片做為背景，舉例，漸變部分圖片為“bgjpg”，其余部分顏色是填充色“白色”，那你就可以在“body”上寫(xiě)個(gè)style=quotbackgroundimageurlimage。

樣例代碼如下 body backgroundcolor#000 #div width500pxheight300px filteralphaopacity=100 finishopacity=50 style=1 startx=30，starty=30，finishx=100，finishy=150 progidDXImageTransform。

其實(shí)漸變的實(shí)現(xiàn)歸根結(jié)底都是css樣式來(lái)控制，所以我目前想到的有2種所有代碼直接在JS里面寫(xiě)var test = documentgetelementById#39#39testtest stylebackgroundImage=#39lineargradient120deg， #， #。